hi i have this script wich works exactly as expected in ie but in firefox it gets a little bit messed up. here is the script:
Code:
HTML Code:
<script language="JavaScript"> function show(obj) { document.getElementById(obj).style.display = (document.getElementById(obj).style.display=='block') ? 'none':'block'; } </script> </head> <body bgcolor="#ffffff"> <form id="FormName" action="(EmptyReference!)" method="get" name="FormName"> <table width="470" border="1" cellspacing="2" cellpadding="0"> <tr> <td><label>First Name</label></td> <td><input type="text" name="first" size="24" /></td> </tr> <tr id="a" style="display:none"> <td><label>Phone Number 2</label></td> <td><input type="text" name="phone2" size="24" /></td> </tr> <tr><td><input type="button" onclick="show('a')" value="Add Number"></td><td> add #</td></tr> </table> </form> <p></p> </body> </html>
In firefox it bunches up the whole row in the space of the first <td>.
What do i do? is there a way to get around this?
Reply With Quote
Code:
HTML Code:
<script language="JavaScript"> function show(obj) { document.getElementById(obj).style.display = (document.getElementById(obj).style.display=='block') ? 'none':'block'; } </script> </head> <body bgcolor="#ffffff"> <form id="FormName" action="(EmptyReference!)" method="get" name="FormName"> <table width="470" border="1" cellspacing="2" cellpadding="0"> <tr> <td><label>First Name</label></td> <td><input type="text" name="first" size="24" /></td> </tr> <tr id="a" style="display:none"> <td><label>Phone Number 2</label></td> <td><input type="text" name="phone2" size="24" /></td> </tr> <tr><td><input type="button" onclick="show('a')" value="Add Number"></td><td> add #</td></tr> </table> </form> <p></p> </body> </html>
In firefox it bunches up the whole row in the space of the first <td>.
What do i do? is there a way to get around this?
Reply With Quote
