script javascript mostrare nascondere oggetti
ciao a tutti,
ho trovato su internet questo script in javascript.
In pratica lo script mostra o e nasconde dei contenuti di una pagina.
Lo script visualizza gli elenti, però, a partire dall'angolo superiore sinistro del pulsante, così facendo il primo pulsante rimane ancora visualizzato, invece io vorrei che lo script sia come quello della finestra di accesso email su alice.
Ogni volta che clicco sul pulsante lo dovrebbe allinare in alto a sinistra nella pagina coprendo entrambi i pulsanti, cosa che cliccando sul primo pulsante fa alla perfezione.
mi potete aiutare?
Grazie mille...a presto.
P.S. questo è il codice
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<script type="text/javascript">
function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function overlay(curobj, subobj){
if (document.getElementById){
var subobj=document.getElementById(subobj)
subobj.style.left=getposOffset(curobj, "left")+"px"
subobj.style.top=getposOffset(curobj, "top")+"px"
subobj.style.display="block"
return false
}
else
return true
}
function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}
</script>
</head>
<body >
<div align="left">
<a href="#" onClick="return overlay(this, 'subcontent')"><img border="0" src="tendinaemail_file/pulsante_area_riservata.png"/></a>
<DIV id="subcontent" style="position:absolute; display:none">
<div style="background-color: #ccff66; width: 232px;">
<table>
<tr><td><font face=arial size=1>Nome utente:</td><td width = "70%" height = "4"><input type = "text" name = "nomeutente" style = "width: 80%" class = "text"></td></tr>
<td><font face=arial size=1>Password:</td><td width = "70%" height = "4"><input type = "password" name = "pass" style = "width: 80%" class = "text"></td></tr></table>
<div align="right"><a href="#" onClick="overlayclose('subcontent'); return false">Chiudi</a></div>
</DIV>
</div>
<a href="#" onClick="return overlay(this, 'subcontent')"><img border="0" src="tendinaemail_file/pulsante_area_riservata.png"/></a>
<DIV id="subcontent" style="position:absolute; display:none">
<div style="background-color: #ccff66; width: 232px;">
<table>
<tr><td><font face=arial size=1>Nome utente:</td><td width = "70%" height = "4"><input type = "text" name = "nomeutente" style = "width: 80%" class = "text"></td></tr>
<td><font face=arial size=1>Password:</td><td width = "70%" height = "4"><input type = "password" name = "pass" style = "width: 80%" class = "text"></td></tr></table>
<div align="right"><a href="#" onClick="overlayclose('subcontent'); return false">Chiudi</a></div>
</div>
</DIV>
</div>
</body>
</html>
