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/