JavaScript - Missing ) After Argument List

I have the following work in progress:

PHP Code:
var radiolist = [];
var labellist = [];
var rps;
var tablecells = [];
  
  //function taken from JavaScripter.net which will return a hex value for the color
  function RGBtoHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)}
   function toHex(N) {
    if (N==null) return "00";
    N=parseInt(N); if (N==0 || isNaN(N)) return "00";
    N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
    return "0123456789ABCDEF".charAt((N-N%16)/16)
      + "0123456789ABCDEF".charAt(N%16);
  }

  
  //this function will add all the radio buttons to an array
  function getRadios(){
    var inputs = document.getElementsByTagName('input');
    for (i=0; i<inputs.length; i++){
      if (inputs[i].type === 'radio'){
        radiolist.push(inputs[i]);
      }
    }
  }
  
  //this function will add all labels of the "LabelWrapper" class to an array
  function getLabels(){
    var inputs = document.getElementsByTagName('span');
    for (i=0; i<inputs.length; i++){
      if (inputs[i].className === 'LabelWrapper'){
        labellist.push(inputs[i]);
      }
    }
  }
 
getRadios();
getLabels();
//alert("There are " + radiolist.length + " radios");
//alert("There are " + labellist.length + " statements");
rps = radiolist.length / labellist.length;
//alert("There are " + rps + " radios per statement")

  //this function will shade cells depending on their class name  
  function identifyCells(){
       var cells = document.getElementsByTagName('td');
       for (i=0; i<cells.length; i++){
         for (j=3; j<(rps+4); j++){
           var tclass = "c" + j;
           if ((cells[i].className === tclass + "   ") || (cells[i].className === tclass + " last  ")){
             xred = Math.round((j-2) * 255/(rps));
             xblue = Math.round((j-2) * 255/(rps) - 50);
             xgreen = Math.round(50 + (rps-j+4) * 255/(rps));
             xcolor = "#" + RGBtoHex(xred,xgreen,xblue);
             cells[i].setAttribute('col',xcolor);
             cells[i].addEventListener('mouseover',highlightCells,false);
             cells[i].addEventListener('mouseout',clearHighlights,false);
             }
           }
         }
       }
    }
  //this function will highlight all preceding cells in the same row
  function highlightCells(){
    var y = this.getAttribute('col');
    var z0 = this.className.split("c"); //split the classname in two so that we can use parseInt function
    var z = parseInt(z0[1]);
    this.style.backgroundColor = y;
    var cellfamily = this.parentNode.childNodes;
    for (i=0; i<cellfamily.length; i++){
      cellname = cellfamily[i].className.split("c");
      cellnum = parseInt(cellname[1]);
      if (cellnum > 3 && cellnum < z){
        cellfamily[i].style.backgroundColor = y;
      }
    }    
  }
  
  function clearHighlights(){
      var z0 = this.className.split("c");
      var z = parseInt(z0[1]);
      this.style.backgroundColor = "transparent";
      var cellfamily = this.parentNode.childNodes;
      for (i=0; i<cellfamily.length; i++){
        cellfamily[i].style.backgroundColor = "transparent";
      }    
  }
      
identifyCells(); 


FireFox is giving me the "missing ) after argument list" at the following line:
function highlightCells(){

I can't figure out why I am getting an error. The code was 'working' before and I was able to get the highlighting on the table cells, but I don't know what I did that caused the issue.

Any help would be greatly appreciated.

Hi folks!

What's wrong with this?

PHP Code:
            var addWpParams = {
                'code' : item.code,
                'name' : item.name,
                'type' : item.type,
                'lat' : item.lat,
                'lng' : item.lng,
                'latLng' : latLng
            };

            addWpParams(addWpParams); 


Returns an error: "missing ] after element list" in firebug

I must be doing something wrong but what?

TIA

For some reason I run my script and its saying missing } after property list. But I'm not seeing it.

Code:

<script type="text/javascript">
    $(document).ready(function() {
        $('div.message-error').hide();
        $('div.message-success').hide();
        $('ul#characterList').css( 'margin-left', '120px' );
        $('li').remove('.characterName');
        $("#handlerForm").validate({ 
            rules: {
             firstName: "required",
             lastName: "required",
             userName: {
                required: true,
                minlength: 2
             },
             password: {
                required: true,
                minlength: 5
             },
             password2: {
             required: true,
                minlength: 5,
                equalTo: "#password"
             },
             email: {
                required: true,
                email: true
             },
             messages: {
                 firstName: "Please enter your firstname",
                 lastName: "Please enter your lastname",
                 userName: {
                    required: "Please enter a username",
                    minlength: "Your username must consist of at least 2 characters"
                 },
                 password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 5 characters long"
                 },
                 password2: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 5 characters long",
                    equalTo: "Please enter the same password as above"
                 },
                 email: "Please enter a valid email address"
             }
        });
        $("input.submit").click(function() {
            var userID = $("input#userID").val();
            var defaultChar = $("select#charactersDrop option:selected").text();
            var userName = $("input#userName").val();
            var firstName = $("input#firstName").val();
            var lastName = $("input#lastName").val(); 
            var email = $("input#email").val(); 
            var statusID = $("select#statusID").val(); 
            var isAdmin = $("select#isAdmin").val(); 
             var liElements = $("ul#characterList li");
             var characterIDList = "";
             for( var i = 0; i < liElements.length; i++ ) {
                var liElement = $( liElements[ i ] );
                
                // only start appending commas in after the first characterID
                if( i > 0 ) {
        	       characterIDList += ","; 
                }
        
                // append the current li element's characterID to the list
                characterIDList += liElement.data( 'characterID' );
             }
             var dataString = 'userID=' + userID + 'userName=' + userName  + '&password=' + password + '&firstName=' + firstName + '&lastName=' + lastName + '&email=' + email + '&statusID=' + statusID + '&isAdmin=' + isAdmin + '&characterIDList=' + characterIDList + '&submitHandler=True';
             $.ajax({
                 type: "POST",
                 url: "processes/handler.php",
                 data: dataString,
                 success: function(myNewVar) {
                    if (myNewVar == 'good') {
                        $('div.message-error').hide();
                        $("div.message-success").html("<h6>Operation successful</h6><p>" + userName + " saved successfully.</p>");
                        $("div.message-success").show().delay(10000).hide("slow");
                        $(':input','#handlerForm')
                        .not(':submit, :button, :hidden')
                        .val('')
                        $('ul#characterList li').each(function() {
                            $(this).remove();
                        });
                    } else if (myNewVar == 'bad1') {
                        $('div.message-success').hide();
                        $("div.message-error").html("<h6>Operation unsuccessful</h6><p>" + userName + " already exists in the database.</p>");
                        $("div.message-error").show();    
                    } else if (myNewVar == 'bad2') {
                        $('div.message-success').hide();
                        $("div.message-error").html("<h6>Operation unsuccessful</h6><p>" + email + " already exists in the database.</p>");
                        $("div.message-error").show();     
                    } else if (myNewVar == 'bad3') {
                        $('div.message-success').hide();
                        $("div.message-error").html("<h6>Operation unsuccessful</h6><p>" + userName + " and " + email + " already exists in the database.</p>");
                        $("div.message-error").show();     
                    } else if (myNewVar == 'bad1bad2') {
                        $('div.message-success').hide();
                        $("div.message-error").html("<h6>Operation unsuccessful</h6><p>" + userName + " and " + email + " already exists in the database.</p>");
                        $("div.message-error").show();     
                    }  
                }
            });
            return false;    
        });
    });
    </script>
    
    <!-- Form -->
    <form action="#" id="handlerForm">
    	<fieldset>
    		<legend>Add New Handler</legend>
            <div class="field required">
    			<label for="userName">User Name</label>
    			<input type="text" class="text" name="userName" id="userName" title="User Name"/>
    			<span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
    			<label for="password">Password</label>
    			<input type="password" class="text" name="password" id="password" title="Password" />
                <span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
            </div>
            <div class="field required">
    			<label for="password2">Confirm Password</label>
    			<input type="password" class="text" name="password2" id="password2" title="Confirm Password" />
                <span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
            </div>
            <div class="field required">
    			<label for="firstName">First Name</label>
    			<input type="text" class="text" name="firstName" id="firstName" title="First Name"/>
                <span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
    			<label for="lastName">Last Name</label>
    			<input type="text" class="text" name="lastName" id="lastName" title="Last Name"/>
                <span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
    			<label for="email">Email</label>
    			<input type="text" class="text" name="email" id="email" title="Email"/>
                <span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
    			<label for="statusID">Status</label>
                <select class="dropdown" name="statusID" id="statusID" title="Status">
                <option value="0">- Select -</option>
                <?php
                $query = 'SELECT ID, statusName FROM statuses';
                $result = mysqli_query ( $dbc, $query ); // Run The Query
                while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) { 
                    print "<option value=\"".$row['ID']."\">".$row['statusName']."</option>\r";
                }
                ?>
                </select>
    			<span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
    			<label for="isAdmin">Administrator</label>
                <select class="dropdown" name="isAdmin" id="isAdmin" title="Administrator">
                <option value="0">- Select -</option>
                <?php
                    $administrator = array('Yes', 'No');
                    foreach($administrator as $admin):
                ?>        
                <option value="<?php echo $admin; ?>"><?php echo $admin; ?></option>
             
             <?php endforeach; ?>
                </select>
    			<span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
    	</fieldset>
        <fieldset>
    		<legend>Handler's Characters</legend>
            <div class="field">
    			<label for="charactersDrop">Characters</label>
                <select class="dropdown" name="charactersDrop" id="charactersDrop" title="Characters Dropdown">
                <option value="0">- Select -</option>
                <?php
                $query = 'SELECT ID, characterName FROM characters WHERE ID NOT IN (SELECT characterID FROM handlerCharacters) ORDER BY `characterName`';
                $result = mysqli_query ( $dbc, $query ); // Run The Query
                while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) { 
                    print "<option value=\"".$row['ID']."\">".$row['characterName']."</option>\r";
                }
                ?>
                </select>
                <input type="button" value="Add Character" class="" onclick="HandlerCharacters()"/>
                <ul id="characterList"></ul>
            </div>
                <input type="hidden" name="userID" id="userID" value="<?php echo $userID; ?>" />      
                <input type="submit" class="submit" name="submitHandler" id="submitHandler" title="Submit Handler" value="Submit Handler" />
    	</fieldset>
    </form>
    <!-- /Form -->
    <!-- Messages -->
    <div class="message message-error">
        <h6>Required field missing</h6>
        <p>Please fill in all required fields. </p>
    </div>
    <div class="message message-success">
        <h6>Operation succesful</h6>
        <p>Handler was added to the database.</p>
    </div>
    <!-- /Messages -->
    
    <script type="text/javascript" language="javascript">
    // Long version
    function HandlerCharacters() {
        function isDupe(which) {
            var result = false;
            $('ul#characterList li').each(function(i, e) {
                if ($(e).data('characterID') == which) {
                    result = true;
                    return false; // break out of .each()
                }
            });
            return result;
        }
        var characterID = $('#charactersDrop option:selected').val();
        var characterName = $('#charactersDrop option:selected').text();
        if (characterID > 0 && !isDupe(characterID)) {
        	// Create the anchor element
        	var anchor = $( '<a href="#">Remove</a>' );  
        	
        	// Create a click handler for the anchor element
        	anchor.click( function() {
        		$( this ).parent().remove();
        		return false;  // makes the href in the anchor tag ignored
        	} );
        	
        	// Create the <li> element with its text, and then append the anchor inside it.
        	var li = $( '<li>' + characterName + '&nbsp;</li>' ).append( anchor );
        	li.data( 'characterID', characterID );
        	
        	// Append the new <li> element to the <ul> element
        	$( '#characterList' ).append( li );
        }
    }
    </script>

I'm trying to get some basic javascript down so I can have my text come in from both the top and the bottom of the screen when the page loads. It's working just fine in Firefox, but in IE it stops with an "invalid argument" error.

The problem comes on this line:
Code:

document.getElementById('part1').style.top = down[part1Position] + "px";

Here's the whole code in my separate .js file.

Code:

var part1Position = 0;
var part2Position = 0;
var downPosition = -19;
var upPosition = 800;
var down = new Array();
var up = new Array();
for(var i = 0; i < 91; ++i) {
        down[i] = downPosition;
        downPosition += 3;
}

for(var x = 0; x < 184; ++x) {
		up[x] = upPosition;
		upPosition -= 3;
}

function part1Move(){
	document.getElementById('part1').style.top = down[part1Position] + "px";
        ++part1Position;
        /*if (part1Position == 79)
                part1Position = 79;*/
}

function part2Move() {
        document.getElementById('part2').style.top = up[part2Position] + "px";
        ++part2Position;
        /*if (part2Position == 83)
                part2Position = 83;*/
}

function startMoving() {
        setInterval("part1Move()",1);
		setInterval("part2Move()",1);
}

Any help would be greatly appreciated! I'm stumped.

Code:

function get_dims()
{
	winH = getH();
	winW = getW();
		//alert(document.body.offsetHeight);
	document.getElementById('bgimg').width = winW;
	document.getElementById('bgimg').height = winH;
	document.getElementById('bgimgwrap').width = winW;
	document.getElementById('bgimgwrap').height = winH;
	var h = document.getElementById('header').offsetHeight;
	document.getElementById('layerimg').width = winW;
	document.getElementById('layerimg').height = (winH-h);
	document.getElementById('layerimg').style.top = h+"px";
	document.getElementById('page').style.top = (document.getElementById('page').offsetTop + h)+"px";
	document.getElementById('main').style.width = (winW*7)+"px";
	document.getElementById('child').style.top = winH+"px";
	document.getElementById('child').height = (winH-h)+"px";
	var td = document.getElementsByTagName('td');
	for(i = 0; i < td.length; i++)
	{
	td[i].width = winW+"px";
	td[i].height = (winH-h)+"px"; \\this is the line with the error i have tried all sorts of different things with it to no avail
	}
}

function getH()
{
if (parseInt(navigator.appVersion)>3) 
	{
	if (navigator.appName=="Netscape") 
		{
			winH = window.innerHeight;
		}
	if (navigator.appName.indexOf("Microsoft")!=-1) 
		{
			winH = document.body.offsetHeight;
		}
	}
	return winH;
}

function getW()
{
if (parseInt(navigator.appVersion)>3) 
	{
	if (navigator.appName=="Netscape") 
		{
		winW = window.innerWidth;
		}
	if (navigator.appName.indexOf("Microsoft")!=-1) 
		{
		winW = document.body.offsetWidth;
		}
	}
	return winW;
}