The below pseudo code basically hides and displays a div
Can I with CSS do the same thing without using JavaScript. I actually
want to hide and show a div with a nested form that has one text input
in it.
Problem is I want to show it in the middle of the page. I want it to
hide when the user clicks submit.
Im thinking I will have to use a third party package like Flash ( which
I have ) but the less third party stuff the better.
The less JavaScript the better. Thanks for your time.
<Script Language="JavaScript">
function unhideimg(layername)
{
document.getElementById(layername).style.visibility = "visible";
document.getElementById(layername).focus();
}
function hideimg(layername)
{
layername.style.top=1;
layername.style.left=1;
layername.style.height=0;
layername.style.width=0;
layername.style.visibility = "hidden";
}
</Script>
<a href="#" onclick="img.src='imgURL'; unhideimg('divimage');">Hello</a>
<div id="divimage" name="divimage" oncontextmenu="return false;"
onblur="hideimg(this); img.src='blank.gif';" onclick="hideimg(this);
img.src='blank.gif';" style="position: absolute; width:0; height:0;
left:1; top:1; visibility:hidden;">
<img title="Click to Close the Image" src="" galleryimg="false"
style="position: absolute" id="img"></div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
