Hide HTML Div using JavaScript

Fri Aug 03, 2007 2:53 pm

Hide HTML Div using JavaScript
This is the code i made .It contain javascript and html.The code allow to hide the <div> part with press on the link.The link contain an event "onclick".A function called makeInvisble().Inside this function i change the property .style.visibility="hidden" .Here is :

Code:: <html> <script type="text/javascript"> function makeInvisible() { document.getElementById("newDIV").style.visibility="hidden"; } </script> <body> <div id="newDIV" style="position:absolute; top:100; left:150; visibility:visible" > The shadow of my dreams ......... </div> <a href="#" onclick="makeInvisible();" >Click Here</a> </body> </html>

Also , as you can see i used id="newDIV" for the <div> part .Id must start with letters .In the style position:absolute; means that you start your page form top-left .top=100 means leave 100 pixels from top.and the same to left .

Hide HTML Div using JavaScript

Hide HTML Div using JavaScript

Topic Tags