JS Show/Hide Div - Filled from DB with ASP 1

[Nickman]

Dont know much of Javascript, so would appreciate if someone could give this a quick lookover and tell me what's wrong.

Desired results: <div> is hidden, is visible with onmouseover and hidden again with onmouseout.

ASP is calling multiple rows:
id=<%=RID%> is ASP-insert of id-number of text
<%=RText%> is ASP-insert of the text

here's the code:

<script type="text/javascript">
function show (textnr) {
  if (document.textnr)
    document.getElementById(textnr).style.visibility = "visible";
}
function hide (textnr) {
  if (document.textnr)
    document.getElementById(textnr).style.visibility = "hidden";
}
</script>

Here the table is filled with rows from database:

<td class="even" align="center"><img src="images/auge.gif" width=20 height=20 border=0 onmouseover="show('<%=RID%>')" onmouseout="hide('<%=RID%>')"></td>
<div id="<%=RID%>" style="visibility:hidden; background-color:#dddddd; font-family:Verdana; font-size:8pt; position:absolute; top:135px; left:120px;"><%=RText%></div>

thx for your help

 

[Diancecht]

I don't think you can use

  if (document.textnr)

That will always return false as it's checking for an element called textnr and not the content of the variable.

Cheers,
Dian

 

[tsuji]

Replace this:
>if (document.textnr)
by
[tt]if (document.getElementById && document.getElementById(textnr) && document.getElementById(textnr).style)
[/tt]
There are more tests than usually necessary as the variable is written in a controlled fashion when the page is created.

 

[Nickman]

Works like a dream - thx tsuji