JavaScript - Menu Problems

I am having trouble with a sub-menu of the 1st item only and can not seem to figure it out. All the others are fine. Any help is appreciated. Here is the code:

var NoOffFirstLineMenus=7; // Number of first level items
var LowBgColor='white'; // Background color when mouse is not over
var LowSubBgColor='white'; // Background color when mouse is not over on subs
var HighBgColor='black'; // Background color when mouse is over
var HighSubBgColor='black'; // Background color when mouse is over on subs
var FontLowColor='black'; // Font color when mouse is not over
var FontSubLowColor='black'; // Font color subs when mouse is not over
var FontHighColor='white'; // Font color when mouse is over
var FontSubHighColor='white'; // Font color subs when mouse is over
var BorderColor='black'; // Border color
var BorderSubColor='black'; // Border color for subs
var BorderWidth=1; // Border width
var BorderBtwnElmnts=1; // Border between elements 1 or 0
var FontFamily="arial,comic sans ms,technical" // Font family menu items
var FontSize=9; // Font size menu items
var FontBold=1; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered='center'; // Item text position 'left', 'center' or 'right'
var MenuCentered='center'; // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='top'; // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=.2; // horizontal overlap child/ parent
var ChildVerticalOverlap=.2; // vertical overlap child/ parent
var StartTop=05; // Menu offset x coordinate
var StartLeft=05; // Menu offset y coordinate
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=3; // Left padding
var TopPaddng=2; // Top padding
var FirstLineHorizontal=1; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // delay before menu folds in
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame='navig'; // Frame where first level appears
var SecLineFrame='space'; // Frame where sub levels appear
var DocTargetFrame='space'; // Frame where target documents appear
var TargetLoc=''; // span id for relative positioning
var HideTop=0; // Hide first level when loading new document 1 or 0
var MenuWrap=1; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0; // menu tree checking on or off 1 or 0
var ShowArrow=1; // Uses arrow gifs when 1
var KeepHilite=1; // Keep selected path highligthed
var Arrws=['tri.gif',5,10,'tridown.gif',10,5,'trileft.gif',5,10]; // Arrow source, width and height

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}


// Menu tree
// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
// For rollover images set "Text to show" to: "rollover:Image1.jpg:Image2.jpg"

Menu1=new Array("Home","","",3);
Menu1_1=new Array("The Ayllu","The Ayllu.htm","",0,20,150);
Menu1_2=new Array("Acknow","Acknowledgement.htm","",0);
Menu1_3=new Array("Prayer","Prayer.htm","",0);

Menu2=new Array("About Us","","",4);
Menu2_1=new Array("Debra","bio.htm","",0,20,150);
Menu2_2=new Array("Seamus","Seamus.htm","",0);
Menu2_3=new Array("Locations","location.htm","",0);
Menu2_4=new Array("Contact Us","contact.htm","",0);

Menu3=new Array("Services","","",7);
Menu3_1=new Array("Shamanic Healing","http://www.Ayllu.us/Shamanic Healing.htm","",0,20,150);
Menu3_2=new Array("Shamanic Counseling","http://www.Ayllu.us/Shamanic Counseling.htm","",0);
Menu3_3=new Array("Sacred Ceremonies","http://www.Ayllu.us/Sacred Ceremonies.htm","",0);
Menu3_4=new Array("Sacred Body Work","http://www.Ayllu.us/sbw.htm","",0);
Menu3_5=new Array("Full Moon Crystal Bowl","http://www.Ayllu.us/fm.htm","",0);
Menu3_6=new Array("Sound Healing","http://www.Ayllu.us/Sound Healing.htm","",0);
Menu3_7=new Array("LaHo-Chi","http://www.Ayllu.us/lahochi.htm","",0);

Menu4=new Array("Calendar","http://www.ayllu.us/calendar.htm","",0);

Menu5=new Array("Gallery","http://www.ayllu.us/gallery.html","",0);

Menu6=new Array("Articles","","",3);
Menu6_1=new Array("Test 1","http://www.Ayllu.us/blank.htm","",0,20,150);
Menu6_2=new Array("Test 2","http://www.Ayllu.us/blank.htm","",0);
Menu6_3=new Array("Test 3","http://www.Ayllu.us/blank.htm","",0);

Menu7=new Array("Links","http://www.ayllu.us/links.htm","",0);

? how would i make it for a menu so you could press it and it would go down to click on a link.

Hi there,

I am trying to create "sideways" sub menus off of my main vertical menu images.
(Something like this example: http://netweblogic.com/demos/ddm/vddm-nomoo.htm
but in the place of Menu Item 1, Menu Item 2, Menu Item 3 there would be roll over images.)

The main vertical menu items I have are rollover images.
I would like the sub menu to appear when you hover over the main menu item.

When I attempt this using the above example, all of my other CSS and JS does not work.

Any help on how to link my rollover menu images to the sub menu would be greatly appreciated! Thanks in advance!

Here is the code for my menu (I have only included 2 menu items here, if you need more info please let me know):


Code:

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/buttons/teamandcorpsports.jpg','images/buttons/performancesports.jpg','images/buttons/flagsandbanners.jpg','images/buttons/home.jpg','images/buttons/catalogues.jpg','images/buttons/galleries.jpg','images/buttons/designown.jpg','images/buttons/dealerlogin.jpg','images/buttons/contactus.jpg','images/buttons/dealersignup.jpg')">

<div id="wrapper">
<div id="header">
<h1>&nbsp;</h1>
</div>


<!-- Main content -->
<div id="content">
<div style="text-align:center">
       <img id="pic" src="images/slideshow/slideshow1.jpg" width="600" height="600" alt="slideshow" />
   </div>

   <script type="text/javascript" src="slideshow.js"></script>
</div>




<!-- Site navigation menu -->
<div id="navcontainer">
<ul>
<li><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('teamandcorpsports1','','images/buttons/teamandcorpsports.jpg',1)"><img src="images/buttons/teamandcorpsports1.jpg" alt="Team and Corporate Sports" name="teamandcorpsports1" width="224" height="37" border="0" id="teamandcorpsports1" /></a></li>

<li><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('performancesports1','','images/buttons/performancesports.jpg',1)"><img src="images/buttons/performancesports1.jpg" alt="Performance Sports" name="performancesports1" width="224" height="37" border="0" id="performancesports1" /></a></li>

Here is my CSS code for the menu, not sure if this is where the issue is?

Code:

/* navigation menu */
#navcontainer ul {
margin: 0;
padding: 0; 
list-style-type: none; /* removes bullets */
background-image:url('background.jpg');
}

#navcontainer li {
margin: 0 0 0 0; /* separates list items */
}

#navcontainer a
{
display: block; /* achieves rollover */

width: 250px; /* list width */

text-decoration: none;

}

Hello all,

I am currently looking to create a JavaScript menu for a website I am working on. It currently expands and collapses on click. The code in question is pasted below:-

menu_status = new Array();

function showHide(theid){
if (document.getElementById) {
var switch_id = document.getElementById(theid);

if(menu_status[theid] != 'show') {
switch_id.className = 'show';
menu_status[theid] = 'show';
}else{
switch_id.className = 'hide';
menu_status[theid] = 'hide';
}
}
}

As you can see, it basically shows and hides the menu (when clicked). I want it to open the menu when clicked and close when another menu is opened. I have looked and have not been able to find a solution into it. Ideally I donot want it to be a long piece of code as I do have a working menu but with many more lines of JavaScript than the one I have posted.

I need a solution to it urgently, your help is appreciated.

Thanks

I know how to edit the CSS, and minute parts of the JavaScript code (for example; speed of the drop). The problem is, I had a massive amount of help making the Javascript side of the menu, and do not know how to edit it...

I want the rules to still apply, where only one can be expanded at a time (one of the first drops, and then only one of the sub-drops). I noticed in the code, I can edit it so there can be more than one drop, but that would mean, the whole menu could be expanded

Also, I want my sub-drops. to have different span colour than the main drop. but trhe links and such, (everything else about it) can be the same....

My live demo is here!


Thank you for any help and/or advice in advance,
Best Regards,
Tim

hi am studying for a exam an i have some problems. Just wanted to get an idea

when is it more appropriate to use a for than a while loop?
how much work is a loop performing?
what is the fewest times a loop will perform its body?
how many times will a loop perform its body? (as a function of a constant and of a variable)

I am putting together a quiz in the form of a game, and I have tested the code for problems, and found a big one. Here is a part of my code that doesn't work- it always goes to "Sorry, incorrect", even when I type in 2.37.
Code:

var x=document.getElementById("varsource1");
if (x==="2.37")
{
	alert("Correct.");
(More code here)
}
else if(x !== "2.37")
{
	alert("Sorry, incorrect.");
}

If anyone wants my whole code, I can put it up later, if you ask me for it.

Hi:

Code below works fine in Firefox and Firebug shows no problems.

Code:

function changePlaylist(newplaylist,no_of_items)
{

	playerConfig.playlist = [];
	for(var i = 0; i < no_of_items; i++)
	{
		playerConfig.playlist[i] = newplaylist;
	}	
    setTimeout("createPlayer()",1); //delay create player to allow playlist to "stabilize"	
	mediaPlayer.play();		// play the newly loaded playlist sequence*
}

IE9 script debugging (attached file) indicates problems with
mediaplayer.play(). Even so it plays a movie. When I try playing a different movie in IE 9 nothing happens. Like I said works fine in Firefox and worked fine in IE 8. I called MS about problems with IE 9 security stuff etc.

Talked with a guy in Bangladesh or some place over a bad connection who said they were gathering bug information (as usual with MS).

All the dialogs where you can "allow scripting" etc. etc. have been replaced with some mindless stuff (as usual for MS).

Anyway, are there some workarounds for IE9 problems?

i have 3 different problems:

1. I was trying to make is display Kentucky Resident yes is the box is checked and nothing if it is not checked.

2. while trying to add this in I messed something up and not the alert will not display anything at all.

3. last time I click the button the play load a page error and i have no idea why.

any and all help would be appreciated.

thanks.


Code:

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>EKU</title>

<script type="text/javascript">
//<![CDATA[


function valStudent()
{
                var lastName = document.frmStudentInfo.txtLastName.value;
                var firstname = document.frmStudentInfo.txtFirstName.value;
                var mi = document.frmStudentInfo.txtS_Mi.value;
                var address = document.frmStudentInfo.txtS_Add.value;
                var city = document.frmStudentInfo.txtS_City.value;
                var state = document.frmStudentInfo.txtS_State.value;
                var zip = document.frmStudentInfo.txtS_Zip.value;
                var phone = document.frmStudentInfo.txtS_Phone.value;
        		var dob = new Date (document.frmStudentInfo.txtS_Dob.value);
                var selectAdvisor = document.frmStudentInfo.lstF_ID.selectIndex;
                var res = document.frmStudentInfo.chkResident.value;
                var stuClass;
                var classChecked = false;
                
            for (var i=0; i < document.frmStudentInfo.optS_Class.length; i++)
        {
            if (document.frmStudentInfo.optS_Class[i].checked)
                {
                        classChecked = true;
                        stuClass = document.frmStudentInfo.optS_Class[i].value;
                }
                }
                
                if (lastName == "")
                {
                        alert ("Please enter a last name");
                        document.frmStudentInfo.txtLastName.select();
                        return false;
                        
                        
                } else  if (firstname == "")
                {
                        alert ("Please enter a first name");
                        document.frmStudentInfo.txtFirstName.select();
                        return false;
                        
                }else if (address == "")
                {
                        alert ("Please enter a address");
                        document.frmStudentInfo.txtS_Add.select();
                        return false;
                        
                } else if (city == "")
                {
                        alert ("Please enter a city");
                        document.frmStudentInfo.txtS_City.select();
                        return false;
                        
                } else if (state == "")
                {
                        alert ("Please enter a state");
                        document.frmStudentInfo.txtS_State.select();
                        return false;
                        
                } else if (zip == "")
                {
                        alert ("Please enter a zip");
                        document.frmStudentInfo.txtS_Zip.select();
                        return false;
                        
                } else if (phone == "")
                {
                        alert ("Please enter a phone");
                        document.frmStudentInfo.txtS_Phone.select();
                        return false; 
                        
                }else if (dob == "NaN")
                {
					
                		alert ("Date of Birth is not valid, use MM/DD/YYYY to enter data");
               			document.frmStudentInfo.txtS_Dob.select();
                                return false;
                        
        
		}else
        {
          alert ("Last name: " + lastName + "\n" + "First Name: " + firstname + "\n" + 
                "mi: " + mi + "\n" + "Address: " + address + "\n" + "City: " + city + "\n" + 
                "State: " + state + "\n" + "Zip: " + zip + "\n" + "phone: " + phone + "\n" +
				"Date of Birth: " + dob + "\n" + 
				"Advisor " + document.frmStudentInfo.lstF_ID.text(selectAdvisor).text +
				"\n" + "classfication " + stuClass);
                  return true;
        }

}
//]]>
</script>
</head>
<body>
<table width="70%" align="center">

<tr>
<td><img src="nwlogo.jpg" width="196" height="93" alt="** PLEASE DESCRIBE THIS IMAGE **" /></td>
<td>
<h2>Student Information</h2>
</td>
</tr>
</table>
<form name="frmStudentInfo" action="action%20marker" id="frmStudentInfo">
<table align="center">
<tr>
<td> Last Name:</td>
<td><input type="text" name="txtLastName" size="20" /></td>
<td></td>
<td>     </td>
<td>
<h4>Class:</h4>
</td>
<td></td>
</tr>
<tr>
<td> First Name:</td>
<td><input type="text" name="txtFirstName" size="20" /></td>
<td>     </td>
<td><input type="radio" name="optS_Class" value="Freshman" /></td>
<td>Freshman</td>
</tr>
<tr>
<td> MI:</td>
<td><input type="text" name="txtS_Mi" size="5" /></td>
<td>     </td>
<td><input type="radio" name="optS_Class" value="Sophomore" /></td>
<td>Sophomore</td>
</tr>
<tr>
<td> Address:</td>
<td><input type="text" name="txtS_Add" size="20" /></td>
<td>     </td>
<td><input type="radio" name="optS_Class" value="Junior" /></td>
<td>Junior</td>
</tr>
<tr>
<td> City:</td>
<td><input type="text" name="txtS_City" size="20" /></td>
<td>     </td>
<td><input type="radio" name="optS_Class" value="Senior" /></td>
<td>Senior</td>
</tr>
<tr>
<td> State:</td>
<td><input type="text" name="txtS_State" size="5" /></td>
<td>     </td>
<td><input type="radio" name="optS_Class" value="Graduate" /></td>
<td>Graduate</td>
</tr>
<tr>
<td> ZIP Code:</td>
<td><input type="text" name="txtS_Zip" size="20" /></td>
<td>     </td>
<td></td>
<td></td>
</tr>
<tr>
<td> Phone:</td>
<td><input type="text" name="txtS_Phone" size="20" /></td>
<td>     </td>
<td>:<input name="chkResident" type="checkbox" /></td>
<td> Kentucky Resident</td>
</tr>
<tr>
<td> Date of Birth:</td>
<td><input type="text" name="txtS_Dob" size="20" /></td>
<td>     </td>
<td>Advisor</td>
<td><select size="1" name="lstF_ID">
<option selected="selected">1 (Chuck Lin)</option>
<option>2 (Chris Blades)</option>
<option>3 (Steve Loy)</option>
<option>4 (Bob Mahaney)</option>
<option>5 (Ted Randles)</option>
</select></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit" onclick="valStudent()" /></td>
</tr>
</table>
</form>
</body>
</html>

insidehb.com/main/imageofday/aug16to31/aug16to31.htm

1. the "visit henrbuilt" link is in the wrong position (its supposed to be centered)

2. there are too many thumbnails for "aug 16 - 31" so i had to redo "thumbs_mask.gif" (which makes the gray and clear thing at the bottom that moves) so that it was longer and covered all the thumbnails. now that is is 400 px longer, the center of it moved 200px to the right and i cant get it to move 200px to the left. i would i guess it has to do with my style sheet (insidehb.com/main/imageofday/aug16to31/style13.css) but it could also have to do with my main html page (insidehb.com/main/imageofday/aug16to31/aug16to31.htm)

3. its still being messed up in IE even with a new doctype

I need what this...
Code:

       		$('#gatewayDimmer').width($('html').width());
		$('#gatewayDimmer').height($('html').height());
		$('#gatewayDimmer').css('display','block');

...is controlling to occupy the full screen/scrollable window. In FireFox, it does except for maybe...11px thats initially under the vertical scrollbar(when you use the horizontal scrollbar and scroll right, you can see the area under the vertical scrollbar was never occupied). In IE(7 at least), it occupies everything in the initial window, even the area underneath the vertical & horizontal scrollbars, but after scrolling down past the area the horizontal scrollbar would've covered, it doesn't occupy anything(it stops). I need every inch, pixel, etc. covered, from head to toe. To lock it, if you will. Is there something I can add, change here? Thanks in advance

Any help would be greatly appreciated! I'm using javascript to create a slideshow of images with thumbnails. The slideshow works fine, the titles show up great, but my problem arises when I try to replace the href source of a div. [larger], specified in the js is supposed to be replacing the current a href source, but it isn't working.

This is the javascript that controls the slideshow:
Code:

var current = 0;

function swapimg( show ){

	var piece = new Array();
	var title = new Array();
	var larger = new Array();
	var meta = new Array();


	piece[0] = '../assets/images/nokia/nokia01.jpg';
	title[0] = '[ One ]';
	larger[0] = '../assets/images/nokia/nokia01_big.jpg';
	
	
	piece[1] = '../images/nokia/nokia02.png';
	title[1] = '[ Two ]';
	larger[1] = '../assets/images/nokia/nokia02_big.jpg';

	piece[2] = '../assets/images/nokia/nokia03.png';
	title[2] = '[ Three ]';
	larger[2] = '../assets/images/nokia/nokia02_big.jpg';

	piece[3] = '../assets/images/nokia/nokia04.png';
	title[3] = '[ Four ]';
	larger[3] = '../assets/images/nokia/nokia02_big.jpg';

	
	document.getElementById( 'featured' ).src = piece[show];
	document.getElementById( 'featured' ).alt = title[show];
	document.getElementById( 'featuretitle' ).innerHTML = title[show];
	document.getElementById( 'featuremeta' ).innerHTML = meta[show];
	document.getElementById( 'featurelarger' ).href = larger[show];
	
	for( i = 0; i < meta.length; i++ ){
		document.getElementById( 'item' + i ).style.opacity = '.5';
	}
	document.getElementById( 'item' + ( show ) ).style.opacity = '.99';
	
	current = ( show );
}

And this is the portion of the html that is supposed to be working with the [larger], but I'm having troubles with:

Code:

<div class="featurelarger"><a href="../assets/images/nokia/nokia01_big.jpg" id="featurelarger" class="thickbox" title="Windowcling" rel="gallery-art" >view larger</a></div>

Any help would be greatly appreciated, thank you in advance!

Code:

<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

	<img id="top" src="top.png" alt="">
	<div id="form_container">
	<h1><a>Test Page</a></h1>
	<form id="form_250840" class="appnitro"  method="post" action="">
	<div class="form_description">

<h2>TEST PAGE</h2>
<p>QUESTIONNAIRE</p></div><ul>

<div id="li_17" >
<label class="description" for="element_17">Sample Question 1? </label>

	<input type="radio" id="element_17_yes" name="element_17" class="element radio" value="yes" 	onclick="document.getElementById('li_17a').style.display='block';" />
    	<label class="choice" for="element_17_yes">Yes</label>
	<input type="radio" id="element_17_no" name="element_17"   class="element radio" value="no" checked="checked"	onclick="document.getElementById('li_17a').style.display='none';" />
	<label class="choice" for="element_17_no">No</label>
</div>	


<div id="li_17a" >
<label class="description" for="element_17a">Sample Question 2? </label>
	<span><input id="element_17_1a" name="element_17a" class="element radio" type="radio" value="1" />
	<label class="choice" for="element_17_1a">Yes</label>
	<input id="element_17_2a" name="element_17a" class="element radio" type="radio" value="2" checked="checked"/>
	<label class="choice" for="element_17_2a">No</label></span>
</div>	

<li class="buttons">
<input type="hidden" name="form_id" value="250840" />
<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
</li>
</ul>

Ok, my problem I seem to be having is that I want "sample question 2" to be invisible unless someone answers yes to "sample question 1". I've tried coding an onclick script into the radio buttons but I can't seem to get it working. I know this shouldn't be that difficult. Anyone know how to fix it?

I have your typical AJAX function that doesn't seem to be working quite well. :<

Here's the relevant portion of the StateChange function:

Code:

function StateChange()
{
  if(ttajax.readyState==4)
  {
    xmlDoc=ttajax.responseXML;
    if (!xmlDoc) {return;}

    var x=xmlDoc.documentElement.childNodes;
    var AlertVal = '';
    for (var i=0;i<x.length;i++)
    { 
      if (x[i].nodeType==1)
      {
        AlertVal += x[i].nodeName + ": " + x[i].firstChild.nodeValue + "\n";
//        AlertVal += x[i].nodeName + ": " + x[i].childNodes[0].nodeValue + "\n";
      } 
    }
    alert(AlertVal);


    var gameid = xmlDoc.getElementsByTagName('gameid')[0].childNodes[0].nodeValue;
    // Other ****
  }
}

Note the testing function there... It DOES return the Node Name! However, the firstChild/childNodes[0] is "null", and I cannot pull the nodeValue from it. :<

Here is a sample XML bit it's being tested on:

Code:

<?xml version="1.0" encoding="ISO-8859-1"?>
  <game>
    <gameid>16</gameid>
    <turn>24262</turn>
    <notturn>15010</notturn>
    <dateline>1275511672</dateline>
    <hcount>6</hcount>

    <ccount>4</ccount>
    <turn_html><![CDATA[
--Snipped--
]]></turn_html>
    <board_html><![CDATA[
--Snipped--
]]></logs_html>

    <cactivate>60580</cactivate>
    <cactivate>65401</cactivate>
    <cactivate>78720</cactivate>
    <cactivate>80275</cactivate>
    <sactivate>0</sactivate>
    <sactivate>1</sactivate>

    <sactivate>2</sactivate>
    <sactivate>3</sactivate>
    <sactivate>4</sactivate>
    <sactivate>5</sactivate>
    <sactivate>6</sactivate>
    <sactivate>7</sactivate>

    <sactivate>8</sactivate>
  </game>

Any help would be appreciated, thanks.

Hey guys,

I'm trying to hide a TR if a TD within it has only specific html in it.

Why would this not work:

Code:

if(document.getElementById('website1').innerHTML.toLowerCase()=="<a href='' title=''></a>")
{
	 document.getElementById('website-row').style.display='none';	 
}