bug in Firefox???

[ktsirig]

Hello,
I have a js function that is triggered with the onclick event. In particular, there is a <tr> in a table that is shown when the user clicks on the "Show" button.

In HTML I have:

Code: Select all

<tr>  <td>
    <img id="myimage" src="css/images/show.png"           onclick="javascript:HideShow('myrow');"/>
   </td>
</tr><tr id="myrow" style="display:none">
      <td>Hello all!
      </td>
</tr>

and the JS part is:

Code: Select all

<script type="text/javascript">
function HideShow(myVar) 
          { 
                if (document.getElementById(myVar).style.display == 'none') 
                { 
                    document.getElementById(myVar).style.display = 'inline'
                } 
                else 
                { 
                    document.getElementById(myVar).style.display = 'none'
                }
          } 
</script>

The function works fine, that is, when the user clicks on the image, the tr appears and then, if the user clicks again, it disappears... BUT all these work perfectly with IE, whereas in Firefox, the contents of the tr appear and disappear when the image is clicked, however, when the user clicks twice, the "Hello world" data disappears, but a blank row remains...And, if you do that again and again, I end up with as much blank rows as the times that I click the button for the data to disappear...

Is this something like a bug? Can I do anything else?

[frinkky]

a

[CloudedVision]

i completely agree with frinkky

i think was frinkky was trying to communicate was that instead of doing

Code: Select all

<img id="myimage" src="css/images/show.png"           onclick="javascript:HideShow('myrow');"/>

you should do

Code: Select all

<a href="#" onclick="javascript:HideShow('myrow');"><img src="css/images/show.png" name="myimage" border="0" id="myimage" /></a>

It worked fine for me with that

[frinkky]

Very perceptive of you CV

I hadn't actually meant to post on this topic at all.

[saltedm8]

hillerious, thanks for the making my day !!