Newsgroup: it.comp.lang.javascript
Titolo: Div questo sconosciuto

salve a tutti ho googlato un pò ma non ne sono venuto a capo, vuoi per la 
mia scarsa conoscenza, vuoi perchè sono cocciuto ma non ho risolto; cerco di 
andare al dunque ed essere chiaro: in una pagina html semplicissima vorrei 
avere alcune parole chiave che all'evento onMouseOver mi appare una 
finestrina che specifica quella parola, e all'evento onMouseOut da quella 
parola chiave sparisca la finestrina; ho provato con i div ma non ci sono 
riuscito, o quanto meno ci sono riuscito a metà, quando ci passo su col 
mouse appare la finestra, anche se ancora statica, ma quando esco dalla 
parola non sparisce....in pratica vorrei realizzare una cosa simile a tutti 
quei portali tipo 
telefonino.net/solopalamri.com
 etc.etc. grazie mille per 
l'aiuto 



e perché non posti quello che hai fatto, così vediamo eventuali errori?
-- 
"Ti sei salvato
 o sei entrato in banca pure tu?"
									    A.V.

 ha scritto nel messaggio 
news:1o46py8dcodpm.gjln6cd5u9ey$.dlg@40tude.net...

ok allora di seguito la pagina html:
<head>
 <title>prova div</title>
 <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
 <meta http-equiv="Content-Language" content="it" />
 <style type="text/css">
 #layer1 {
 position: absolute;
 visibility: hidden;
 width: 400px;
 height: 300px;
 left: 194px;
 top: 83px;
 background-color: #ccc;
 border: 1px solid #000;
 padding: 10px;
}
#close {
 float: right;
}
 </style>
 <script type="text/javascript" src="popupDiv.js"></script>
</head>
<body>
<div id="layer1">
  <span id="close"><a href="javascript:setVisible('layer1')" 
style="text-decoration: none"><strong>Chiudi</strong></a></span>
  <p>prova prova prova prova prova prova prova prova prova prova prova prova 
prova prova prova prova prova prova prova prova prova prova prova prova 
prova prova prova prova prova prova prova prova prova prova prova prova 
prova prova prova prova prova prova prova prova prova prova prova prova 
prova prova prova prova prova prova prova prova prova prova prova prova 
prova prova prova prova .</p>
  <br><br>
</div>
<a href="#" target="_self" onmouseover="setVisible('layer1')" 
onmouseout="return false">Apri popup</a>
</body>
</html>
e qui di seguito lo script del popupDiv.js:
x = 50;
y = 50;
function setVisible(obj)
{
 obj = document.getElementById(obj);
 obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 
'visible';
}
function placeIt(obj)
{
 obj = document.getElementById(obj);
 if (document.documentElement)
 {
  theLeft = document.documentElement.scrollLeft;
  theTop = document.documentElement.scrollTop;
 }
 else if (document.body)
 {
  theLeft = document.body.scrollLeft;
  theTop = document.body.scrollTop;
 }
 theLeft += x;
 theTop += y;
 obj.style.left = theLeft + 'px' ;
 obj.style.top = theTop + 'px' ;
 setTimeout("placeIt('layer1')",500);
}
window.onscroll = setTimeout("placeIt('layer1')",500);
la cosa strana che non sono riuscito a modificare e che vorrei realizzare è 
che quando esco dal link il "livello" deve sparire e se ci rientro deve 
riapparire
grazie per l'aiuto 

 
--
Voi un applicazione web per la tua azienda ?
non riesci mai a trovare quello che sai di avere
e non ricordi chi lo ha fatto
g u f o _ r o s s o  CHIOCCIOLA 
libero.it

 'visible';
come vedi sopra, se è visibile la nasconde e viceversa, ergo (senza aver
testato tutto) dovresti chiamare la stessa function anche onmouseout
-- 
"Capivamo di essere tanti
 capivamo di essere forti,
 il problema era solamente
 come farlo capire ai morti."
									    C.L.

 e perché return false? onmouseout dovrai nasconderla, è questo che vuoi?
si onmouseout voglio nasconderla ma non va, quando esco dal link con il 
mouse resta li e se ci ritorno su sparisce come risolvo?


 mouse resta li e se ci ritorno su sparisce come risolvo?
come ti ho scritto, probabilmente ...
-- 
"Affacciati affacciati benedici, guardaci
 guardaci...guardaci!
 Tanto sono quasi duemila anni che stai a guardare!"
									    E.B.