Problem with hiding div inside table

ashsa · #1 February 28th, 2007, 03:37 PM

I use the following fragment in my html page and I tried using the document.getElementById().style.display='none' to hide the div or the row but neither works..

<table>
<form>
<tr id='myrow'>
<td><div id="divi" title='mydiv'></div></td>
</tr>
</form>
</table>

<input type="submit" name='go' value="Go" onclick='reset();return false;'>

function reset(){
document.getElementById('txt1').value="";
document.getElementById('txt2').value="";
document.getElementById('myrow').style.display='no ne';
alert('hidden!!');
}

The functions empties the textboxes but doesnt hide the row or div and also no alert is given !! Could anyone help ??

movieking81 · #2 February 28th, 2007, 05:36 PM

I got it to work like this in IE7:

Expand|Select|Wrap|Line Numbers

  
<html>
 
<head>

<title>Test</title>

</head>
 
<body>

<table>

<form>

<tr id='myrow'>

<td><div id="divi" title='mydiv'>Text Here</div></td>

</tr>

</form>

</table>

<input type="text" name="txt1">

<input type="text" name="txt2">

<input type="submit" name='go' value="Go" onclick='reset();return false;'>

</body>
 
<script language="javascript">

function reset(){

document.getElementById('txt1').value="";

document.getElementById('txt2').value="";

document.getElementById('myrow').style.display='none';

alert('hidden!!');

}

</script>
 
</html>

Were you forgetting the <script> tag on the java. Try it and see what you get.

Hope it helps

ashsa · #3 March 1st, 2007, 10:58 AM

Thank you Movie King !!
The same thing worked on my System at last :-)
After breaking my head with the prob for about six hours I found that there seems to be an inbuilt function named reset() which i was using for my function ..

Just changed the name of the function and it started working ...

Quote:

Originally Posted by movieking81

I got it to work like this in IE7:

Expand|Select|Wrap|Line Numbers

  
<html>
 
<head>

<title>Test</title>

</head>
 
<body>

<table>

<form>

<tr id='myrow'>

<td><div id="divi" title='mydiv'>Text Here</div></td>

</tr>

</form>

</table>

<input type="text" name="txt1">

<input type="text" name="txt2">

<input type="submit" name='go' value="Go" onclick='reset();return false;'>

</body>
 
<script language="javascript">

function reset(){

document.getElementById('txt1').value="";

document.getElementById('txt2').value="";

document.getElementById('myrow').style.display='none';

alert('hidden!!');

}

</script>
 
</html>

Were you forgetting the <script> tag on the java. Try it and see what you get.

Hope it helps

acoder · #4 March 2nd, 2007, 08:43 AM

Quote:

Originally Posted by ashsa

Thank you Movie King !!
The same thing worked on my System at last :-)
After breaking my head with the prob for about six hours I found that there seems to be an inbuilt function named reset() which i was using for my function ..

Just changed the name of the function and it started working ...

Yes, never use reserved words used in forms and other places, e.g. name, submit, reset, action...

They cause problems in IE, and anyway it's bad practice.

bradiscool · #5 January 6th, 2009, 07:23 PM

If you are having trouble tracking down errors, make sure any functions that are case-sensitive, such as getElementById(), are typed correctly.

Problem with hiding div inside table

re: Problem with hiding div inside table

re: Problem with hiding div inside table

re: Problem with hiding div inside table

re: Problem with hiding div inside table

/bytes/development

/bytes/it

/bytes/about