JavaScript - Pagination Not Working... Looong Script

Ok, I've determined that my problem wasn't in the script itself, but in the fact that Opera 10 Beta 2 apparently does not recognize the "onload" attribute of the body tag. Is there a way to work around this?

<script type="text/JavaScript">
function refreshPage(s)
{
window.location.reload();
if((s.options[s.selectedIndex].value) = "zed=catcher")
{
alert (s.selectedIndex); //this is showing
<?PHP
//the next lines does not execute?????
echo $form['service_code']->renderLabel();
echo $form['service_code']->renderError();
echo $form['service_code'];
?>
}
}
</script>
please help?
thanks

Dear All Experts

I wrote a simple code in javascript and it is working fine with IE but when I open the page in FireFox or in Google Crome it is not working as I expect. Actually I am enabling and disabling the combo box on the on change event of radio button.

Please check the code attached here. And visit my site for output
www.crispwerx.com/catasset

Thanx to all viewer and helper

Hi there, i have this simple script that replaces the scrollbar of an iframe called iFrame1 with 2 up and down arrow images, but it only works in IE, i've tried it in Chrome and Firefox...

here is the code

Code:

<script type="text/javascript" language="javascript">
function bsh_iFrame1(step,time){hs_iFrame1=setInterval("sh_iFrame1("+step+")",time)}
function esh_iFrame1(){clearInterval(hs_iFrame1)}
function sh_iFrame1(step)
{
  scrollx=iFrame1.document.body.scrollLeft
  scrolly=iFrame1.document.body.scrollTop
  scrolly=scrolly+step
  iFrame1.window.scroll(scrollx,scrolly)
}
</script>

Code:

</td><td align="center" valign="middle" width="31"><img src="up.png" alt="up" border=0 vspace="5" hspace="3"
	onMouseDown="esh_iFrame1();bsh_iFrame1(-3,2)" 
	onMouseUp="esh_iFrame1();bsh_iFrame1(-1,20)" 
	onMouseOver="bsh_iFrame1(-1,20)" 
	onMouseOut="esh_iFrame1()"><br>
<img src="down.png" alt="down" border=0 vspace="5" hspace="3" 
	onMouseDown="esh_iFrame1();bsh_iFrame1(3,2)" 
	onMouseUp="esh_iFrame1();bsh_iFrame1(1,20)" 
	onMouseOver="bsh_iFrame1(1,20)" 
	onMouseOut="esh_iFrame1()">

thanks in advance for any answers...

hi all. im having problems with this ajax script i wrote:

Code:

function admin_adduser() {	
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	user = document.getElementById('user_user').value;
	user = user.replace(/^\s+|\s+$/g, '');// trim whitespace
	
	//check if name is unique
	unique = 'false';
	var params = "?user=" + escape(user);
	var url="_check_username.php";
	url=url+params;
	ajaxedInner = "";
	xmlHttp.open("GET",url,true);
	xmlHttp.setRequestHeader("If-Modified-Since", "Fri, 31 Dec 1999 23:59:59 GMT");
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.send(null);
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			if (xmlHttp.status == 200) {
				unique = xmlHttp.responseText.replace(/^\s+|\s+$/g, ''); //trims all whitespace!
				//alert(unique);
			}
		}
	}
	
	if(unique == 'true') {
		//alert("working: " + unique);
		password = document.getElementById('user_password').value;
		var params = "?user_user=" + escape(user) + "&user_password=" + escape(password);
		var url="_admin_add_user.php";
		url=url+params;
		ajaxedInner = "users";
		xmlHttp.open("GET",url,true);
		xmlHttp.setRequestHeader("If-Modified-Since", "Fri, 31 Dec 1999 23:59:59 GMT");
		xmlHttp.onreadystatechange=stateChanged;
		xmlHttp.send(null);
		document.getElementById('user_password').value = "";
		document.getElementById('user_user').value = "";
	} else {
		alert('Please select a unique name for the new staff member\nadd a middle initial maybe?');
	}
}

if i alert(unique) it tells me 'true' (string) but still doesnt go into the create part of the script, i just get the alert('Please select a unique name for the new staff member\nadd a middle initial maybe?');

any ideas? i know im probably missing something basic but its really annoying lol

btw - the php for the _check_username.php is simple:

PHP Code:
<?php if(!isset($_SESSION)) {session_start();}
if($_SESSION['authorised'] != true) {
exit;
}
include 'config.php';
include 'opendb.php';
$user = $_REQUEST['user'];
$query = "SELECT user FROM user WHERE user='$user'";
echo $query;
$result = mysql_query($query) or die('false');
$row = mysql_fetch_array($result, MYSQL_ASSOC);
if($row) {
    echo 'false';
} else {
    echo 'true';
}
mysql_free_result($result);
?>

i have a script that measures the window size and - at this point - only adjusts the width of one css element.

first function:

Quote:
var myWidth = 0, myHeight = 0;
function getWindowSize() {

if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
// window.alert( 'Width = ' + myWidth );
// window.alert( 'Height = ' + myHeight );
}
second function:

Quote:
//changecss JavaScript Functions by Shawn Olson
//Copyright 2006-2008
//http://www.shawnolson.net

function changecss(theClass,element,value,sheet) {
//Last Updated on October 10, 1020
//documentation for this script at
//http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
//ms: 5.5.11 added sheet: you have to point at the stylesheet by number
var cssRules;

var added = false;
var mySheet = document.styleSheets[sheet];



if (mySheet['rules']) {
cssRules = 'rules';
} else if (mySheet['cssRules']) {
cssRules = 'cssRules';
} else {
//no rules found... browser unknown
}

for (var R = 0; R < mySheet[cssRules].length; R++) {
if (mySheet[cssRules][R].selectorText == theClass) {
if(mySheet[cssRules][R].style[element]){
mySheet[cssRules][R].style[element] = value;
added=true;

break;
}
}
}
if(!added){

try{
mySheet.insertRule(theClass+' { '+element+': '+value+'; }',mySheet[cssRules].length);

} catch(err){
try{mySheet.addRule(theClass,element+': '+value+';');}catch(err){}

}


}

}
i call the function in a php script that is to rule out that the server is talking to a mobile device, however, it echos javascript and a document ready function:

Quote:
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/android|...(non relevant code)...|zte\-/i',substr($useragent,0,4)))
{
echo '<link rel="stylesheet" type="text/css" href="1" />';
//the above never happens as i am testing on big screen
}
else
{
//echo '<link id="screensize" rel="stylesheet" type="text/css" href="stylesheet.php?cssid=47&mediatype=screen" />';
echo '<script type="text/javascript">';
echo '$(document).ready(function() {
getWindowSize();
//ms: these variables come back: myWidth, myHeight

if (myWidth >=1225) {

changecss(".core-pageWidth","width","1225px",1);
}
else if (myWidth >1000) {

myWidth=myWidth - 20;
changecss(".core-pageWidth","width",myWidth+"px",1);
}
else if (myWidth >910) {
myWidth=myWidth - 20;
changecss(".core-pageWidth","width",myWidth+"px",1);

}

});
</script>';
}
the changecss() does not work in https but works fine in http. is this to be expected?

mario

Hi there Im having an issue with some javascript that works fine in IE, but in FF is not working properly.

The script is used to display a list of check boxes, the user can expand, which can checked to enabke a users selection of products. This is the script:
Code:

<script type="text/javascript">

    var xcNode = [];

    // m = Parent UL ID

    // c = 
    function xcSet(m, c, q, isCompletedLength) 
	{
        if (document.getElementById && document.createElement) 
		{
            var xs = m;
            m = document.getElementById(m).getElementsByTagName('ul');
            var d, p, x, h, i, j;
          
            for (i = 0; i < q; i++) 
			{
                
                var xp = document.getElementById("_" + xs + i);
                if (d = xp.getAttribute('id')) 
				{
                    if (navigator.userAgent.indexOf("Firefox") != -1) 
					{
                        var lstr = TrimTags((document.getElementById(xs).innerHTML));
                        xcCtrl(d, c, 'x', '[+] Click for more info', 'Show', 'Click to expand', lstr.length, isCompletedLength);
                        x = xcCtrl(d, c, 'c', '[-] Click to Hide', 'Hide', 'Click to collapse', lstr.length, isCompletedLength);
                    }
                    else 
					{
                        xcCtrl(d, c, 'x', '[+] Click for more info', 'Show', 'Click to expand', (document.getElementById(xs).innerText).length, isCompletedLength);
                        x = xcCtrl(d, c, 'c', '[-] Click to Hide', 'Hide', 'Click to collapse', (document.getElementById(xs).innerText).length, isCompletedLength);
                    }

                    p = xp.parentNode;
                    if (h = !p.className) 
					{
                        j = 2;
                        while ((h = !(d == arguments[j])) && (j++ < arguments.length));
                        if (h) 
						{

                            if (xp.name == parseURL()) 
							{
                                xp.style.display = 'block';
                                x = xcNode[d + 'c'];
                            }
                            else 
							{
                                xp.style.display = 'none';
                                x = xcNode[d + 'x'];
                            }
                        }
                    }

                    p.className = c;
                    

                    var expand = document.getElementById("expandBtn_" + xs + "0");
                    expand.insertBefore(x, expand.firstChild);
                }
            }
        }
    }

works fine in IE, but not in Firefox where the expanded list is not showing the current number of items (checkboxes), it shows 34 check boxes in IE but only 17 in firefox.

Thanks in advance

Hey:

I have two javascripts on my page but one isn't showing with both codes in page.

[CODE]<script type="text/javascript" src="js/image-slideshow.js"></script>[ICODE]
The above code is for the image slide. When this is in the html the other one doesn't work (a text changer).

The wbesite is
http://www.uwics.com/constitution.htm

There is no text at the top of the page currently.
If you check Home you'll see how it should be.

Any help would be greatly appreciated.

Thank you,
Mitka

Hey !

You know I'm now trying to use that light box embed contact form in my page http://uniwebmart.com/roshan and that fade in fade out effect as well which you can see now in LCD. But when I use the java script of that embed contact form in lightbox, my previous script of fading doesn't work.

<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/fadeslideshow.js"></script>

bold one is newly added script. Can't figure out the mistake. Can you please help me once again people???

I'm helping out my friend complete her site.
check it out he http://themodline.com/clients/jcevent

when you head over to the portfolio section the the lightbox script doesnt work properly. but if you just go to http://themodline.com/clients/jcevent/portfolio.html -it works fine.

are the scripts mixing up?
i made sure i got the correct codes. i made sure the script files are correctly linked.

check out my scripts. they are zipped he http://www.themodline.com/clients/jcevent/scripts.zip


thanks for the help guys. hope this makes sense!

Hi All,

I am using one script which is functioning properly incase of IE but incase of Mozilla evenif the shift key is pressed and any character key is pressed then it is displaying Caps Lock is On.
can anyone tell how can I make it Mozilla and IE compatible.

Hello,
I'm attempting to use the sfhover script to make my multilevel menu work in Internet Explorer 6. It does not seem to be having any effect. Sorry, I do not have experience with Javascript...I just found this solution online. Here's the code I'm using:

Code:

// JavaScript Document 
//sfHover couresty of http://www.htmldog.com (http://www.htmldog.com/articles/suckerfish/dropdowns/) 
sfHover = function() { 
  if(document.getElementById("nav")){ 
    var sfEls = document.getElementById("nav").getElementsByTagName("li"); 
    for (var i=0; i<sfEls.length; i++) { 
      sfEls[i].onmouseover=function() { 
        this.className+=" sfhover"; 
      } 
      sfEls[i].onmouseout=function() { 
        this.className=this.className.replace(new RegExp(" sfhoverb"), ""); 
      } 
    } 
  } 
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

And the CSS for my menu is:

Code:

.button {
	background:url(http://www.wdi-whq.com/images/page-elements/btn.gif) no-repeat;
	border:none;
	color:#CFF;
	display:block;
	font:13pt Verdana, Arial, sans-serif;
	padding:11px 0;
	text-align:center;
	text-decoration:none;
	height:48px;
	width:176px;
}

.button:hover {
	background:url(http://www.wdi-whq.com/images/page-elements/btn-over.gif) no-repeat;
	color:#FFF;
	display:block;
}

.button:active {
	background:url(http://www.wdi-whq.com/images/page-elements/btn-click.gif) no-repeat;
	color:#069;
	display:block;
}

#sidebar1 {
	float:left;
	width:250px;
	padding:10px 25px 0 25px;
	position:relative;
	z-index:2;
}

div#nav {
	height:28px;
	width:250px;
	background:url(http://www.wdi-whq.com/images/page-elements/menu/menu-top.gif) top no-repeat;
	margin:0;
	padding-top:28px;
}

div#navbody {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/menu-bg.gif) repeat-y;
}

div#navbottom {
	height:28px;
	background:url(http://www.wdi-whq.com/images/page-elements/menu/menu-btm.gif) bottom no-repeat;
}

ul#navlist {
	width:250px;
	list-style-type:none;
	padding:0;
	margin:0;
}

ul#navlist a {
	width:200px;
	font:bold 11pt Verdana, Arial, sans-serif;
	color:#FFF;
	height:35px;
	text-decoration:none;
	padding:6px 0 0 50px;
	display:block !important;
}

ul#navlist a:hover {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-hilight.gif) left;
}

ul#navlist li {
	height:35px;
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-normal.gif) bottom repeat-x;
	position:relative;
}

ul#navlist ul {
	list-style-type:none;
	margin-left:250px;
	padding:0px;
	position:absolute;
	top:0px;
	visibility:hidden;
	width:250px;
}

ul#navlist ul > li {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-submenu.gif) bottom no-repeat;
}


ul#navlist li ul li a:hover {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-submenu-hilight.gif) bottom no-repeat;
	height:28px;
}

ul#navlist li:hover > ul {
	visibility:visible;
}

I'm working on some code to create hover text that follows the mouse.

Now, the code works fine when the javascript is included on the page:
(internal script) http://cory.wellen.googlepages.com/hovertest2.html

However, when I try to move the code out to an external script, it doesn't work. I've tried looking all over to see what the problem is, but 99% of those with external script problems have errors in syntax or location of the source script. Please help!

(javascript) http://cory.wellen.googlepages.com/hover.js
(external script) http://cory.wellen.googlepages.com/h..._external.html