Forum Moderators: open
<html>
<body>
<div id="invisidiv" style="position:absolute; visibility:hidden; top:0px; left:0px; z-index:10000;">
invisible content
</div>
<script language="javascript" type="text/javascript">
function makevisible(){
document.getElementById("invisidiv").style.top="200px";
document.getElementById("invisidiv").style.left="200px";
document.getElementById("invisidiv").style.visibility="visible";
}
for(index=1;index<10;index++) document.write("<p> <br />cause scroll<br /> </p>");
</script>
<a href="#" onclick="makevisible()">Click to make visible</a>
</body>
</html>
Many thanks in advance
Vince
An added feature, pass the ID of the object to show/hide from your click. This allows you to apply it to any link and any div.
<script type="text/javascript">
function makevisible(obj){
if (document.getElementById(div)) {
document.getElementById(obj).style.top="200px";
document.getElementById(obj).style.left="200px";
document.getElementById(obj).style.visibility="visible";
}
return false;
}
for(index=1;index<10;index++) { document.write("<p> <br />cause scroll<br /> </p>"); }
</script>
<a href="#" onclick="return makevisible(invisidiv)">Click to make visible</a>
Many thanks !
Vince
This
if (document.getElementById(div)) {
should be
if (document.getElementById(obj)) {
