Printable View
Quando posiziono il mouse su una voce del mio menu appare una descrizione che segue il mouse. Il problema è che se scrollo la pagina la descrizione segue il mouse ma più in alto, quindi distanziato dal mouse asseconda di quanto ho scrollato.
So che devo inserire i valori di scrollTop e scrollLeft... ma non so come. ho provato ad inserire scrollTop=0 ecc con left rigth e bottom, ma niente
code?
Ciao!
codeeccolo :mrgreen:
ecco tutto il codice che viene richiamato dal file txt esterno tra i tag headCodice:<!-- Aprire e chiudere un sottomenu -->
<!-- Creato da WILLY il COYOTE -->
<script type="text/javascript">
<!--
function WillyC_menu(menu, imid){
if(document.getElementById){
WCmenu=document.getElementById(menu);
WCimid=document.getElementById(imid);
if(WCmenu.style.display=="block"){
WCmenu.style.display="none";
document.getElementById(imid).src='http://willyilcoyote.altervista.org/variexsito/piu0001.gif';
}
else{
WCmenu.style.display="block";
document.getElementById(imid).src='http://willyilcoyote.altervista.org/variexsito/meno0001.gif';
}
}
}
//-->
</script>
<!-- Descrizione al passaggio del mouse, solo per il menu -->
<!-- Modificato e adattato da WILLY il COYOTE -->
<script language="javascript">
<!--
var mouseX
var mouseY
function Tooltip(descrizione){
document.getElementById('sudescr').innerHTML="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"right\" valign=\"top\"><img src=\"http://willyilcoyote.altervista.org/variexsito/nuvpall0001.png\" /></td><td class=\"descrmenuimg\" valign=\"top\"><img src=\"http://willyilcoyote.altervista.org/variexsito/willydescr0001.png\" /></td><td class=\"descrmenu\">"+descrizione+"</td><td class=\"findescr\"></td></tr></table>"
}
function visibile(obj){
document.getElementById(obj).style.display="block";
}
function invisibile(obj){
document.getElementById(obj).style.display="none";
}
function coords(e){
if(!e) e=window.event;
mouseX = e.clientX;
mouseY = e.clientY;
document.getElementById('sudescr').style.left=mouseX+10+'px';
document.getElementById('sudescr').style.top=mouseY+5+'px';
}
document.onmousemove=coords;
//-->
</script>
<link rel="stylesheet" href="http://willyilcoyote.altervista.org/variexsito/menu/menuinvisibilecss.css" title="menuinvisibile" />
Dovresti modificare queste due righe (in rosso le modifiche):(adattato da http://forum.html.it/forum/showthread/t-1036035.html)Codice:var ie = document.all
mouseX = e.clientX + (ie ? documentElement.scrollLeft : window.pageXOffset);
mouseY = e.clientY + (ie ? documentElement.scrollTop : window.pageYOffset);
Stammi bene...
grazie dementia.
Lo inserito, ma il my browser mi dice che getelementbyid non è definito e la descrizione non appare più vicino al mouse, ma nell'angolo in alto a sinistra. lo rimango così, cioè non rimetto lo script come prima, così se entri nel my ti rendi conto dell'effetto di questa modifica
Scusa un attimo, ma allora prima come faceva a funzionare parzialmente, visto che non ho modificato le righe con getElementById (a proposito, l'hai scritto correttamente con queste maiuscole?)...?Citazione:
Originalmente inviato da WILLYilCOYOTE
Stammi bene...
Non so, ora posto cosa ho modificato
il ; in rosso ce l'avevi avevi mancato, kmq ho fatto la prova sia con il ; che senza, mi da lo stesso errore...Codice:function coords(e){
if(!e) e=window.event;
var ie = document.all;
mouseX = e.clientX + (ie ? documentElement.scrollLeft : window.pageXOffset);
mouseY = e.clientY + (ie ? documentElement.scrollTop : window.pageYOffset);
document.getElementById('sudescr').style.left=mouseX+10+'px';
document.getElementById('sudescr').style.top=mouseY+5+'px';
}
Puoi inserire anche un link dove hai inserito questo script, in modo da vederne gli effetti?
Stammi bene...
nella mia homepage!! http://willyilcoyote.altervista.org :mrgreen:
Se è quello a sinistra, il menu mi pare funzioni anche troppo bene (a parte forse che via CSS dovresti renderli opachi i tooltip, altrimenti non si leggono i contenuti...)Citazione:
Originalmente inviato da WILLYilCOYOTE
Stammi bene...
aspe aspe.. mo mi fai spaventà!! spero che lo stai vedendo con firefox x dire una cosa del genere!!! xk n quello non funziona!
Allora il menu è su due tonalità di marrone, i nomi dei menu e sottomenu sono neri, e al passaggio del mouse diventano bianchi. quando ci passi su, poco sotto il tuo puntatore appare la descrizione, che si muove insieme al puntatore finchè nn esci dal menu (scomparendo).. è proprio sul fatto della descrizione che ora nn fa il suo compito, xk la descizione appare nell'angolo in alto a sinistra. e genera un errore nello script.
Diciamo che tolto questo va tutto bene, infatti se tolgo le modifiche che mi hai dato va tutto bene, tranne che se scrollo la descrizione si allontana dal mouse.
Se nel caso vedi tutto bianco, senza personalizzazione, riporto il link all'altra discussione per il fatto che i css cn firefox non si vedono
http://forum.it.altervista.org/basi-...-problemi.html
------------
risolto il problema css :D
kmq hai ragione che funziona fin troppo bene..se l'hai visto con firefox..
dopo tanto tempo l'ho visto con firefox e funzionava, è con ie che invece non funionava...
A me fa la stessa cosa di te willy sia su firefox che su ie...
però con lo le modifiche(da dementialsite) che feci, mi dava un errore in una parte di script.. dopo tempo l'ho visto anche con firefox, e funzionava.. (senza segnalazione di bug.. ma credo lo faccia con tutti xk nn segna mai errori, anche se nn funzionano).. ma con ie no.. ora ho tolto le modifiche..Citazione:
Originalmente inviato da phelpp
sperando in un aiuto:mrgreen:
La prima volta che li mettesti non visualizzava codesto errore che se scrollavi rimanevano alti
è, infatti stavano nell'angolo in alto a destra.. mo non so xk mi pare che ci aggiunsi qualche modifica anche io, per provare (solo che vedevo con ie se funzionava).. quello script che uso (per far seguire il puntatore) è un miscuglio tra due script che ho modificato (uno per farlo apparire al passaggio e l'altro era un semplice script per far seguire il puntatore da una piccola immagine(sempre) .. solo che anche questo non faceva scrollare "immagine" quando si scrolalva la pagina...
visto che sei bravo in php.. dici che c'è differenza se lo faccio in php o in js??
Io le modifiche che ti ho suggerito lì sopra non le vedo... e infatti ora su Firefox basta scrollare per vedere la descrizione sballata...Per curiosità, quali sarebbero gli errori segnalati?Codice:function coords(e){
if(!e) e=window.event;
mouseX = e.clientX;
mouseY = e.clientY;
document.getElementById('sudescr').style.left=mouseX+10+'px';
document.getElementById('sudescr').style.top=mouseY+5+'px';
}
Stammi bene...
P.S. Mi dispiace deluderti, ma questa cosa non è possibile realizzarla in PHP...
scusa le avevo cancellate tempo fa.. kmq con firefox funziona.. con ie no...
edit:
mi sono diemnticato di postare l'errore.
ecco
http://img65.imageshack.us/img65/6907/erroremenuir1.jpg