Hi GUYS,

I have been following the forum for quite some time and I have to say it is impresive to find so much usefull information. Time and time again if I got stuck I would come here and find an answer and that is great. Now for this problem, unfortunatelly, I did not find a solution, so I am making this post.

I have an issue with dinamically generated CFML page. The page is working properly but what I am trying to do is use JavaScript to hide some content on this page. Here is a short summary of the JS code and HTML code that is supposed to hide:

function getlost() {
var row = document.getElementsByTagName('select');

for (var i=row.length-1; i>=0; i--) {
var cols = row[i].getElementsByTagName('td');
for (var j=cols.length-1; j>=0; j--) {
if (cols[j].firstChild.nodeValue == 'Security Level:')
{

cols[j].parentNode.style.display = 'none';
}
}
}
}


and HTML:

<TR>
<TD WIDTH="150" VALIGN="TOP" ALIGN="LEFT" NOWRAP>
<FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="2">Security Level:</FONT>
</TD>
<TD WIDTH="100%" VALIGN="TOP" ALIGN="LEFT">

<SELECT NAME="component_2094983">

<OPTION VALUE="A">A</OPTION>
<OPTION VALUE="B" selected>B</OPTION>
<OPTION VALUE="C">C</OPTION>
<OPTION VALUE="D">D</OPTION>

</SELECT>

&nbsp;<FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="2" COLOR="FF0000">*</FONT>

</TD>
</TR>

Any help would be appreciated!

Where are you calling your function? Functions only run if you call them. Use an event to call it like <input type="button" onClick="getLost()">


Hope this helps!

Well, I guess, thanks. I am doing an onload in body tag function calling option.

What a retard I am...

Here is the code that solved my problem:

function getlost() {
var row = document.getElementsByTagName('tr');

for (var i=row.length-1; i>=0; i--) {
var cols = row[i].getElementsByTagName('font');
for (var j=cols.length-1; j>=0; j--) {
if (cols[j].innerHTML.indexOf('Security Level:')!=-1)
{

cols[j].parentNode.parentNode.style.display = 'none';
break;
}
}
}
}