Problem with hiding div inside table

ashsa

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

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

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

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

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

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about