coordinate mouse non funziona su firefox

[reybluk]

Ho un Div che deve cambiare posizione all'evento onmouseover di un testo.

[b][url="#"]DETTAGLI[/url][/b] 

L'evento onmouseorver richiama la seguente funzione: MM_getMouseXY('Dettagli',event)
il cui codice è:

function MM_getMouseXY(objId, e) { //v9.0
   var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  //e = document.onmousemove;
  
  if (obj){   
  
      e = (e) ? e : event;    
    
        var asse_x = e.clientX; /*x,y della finestra*/
        var asse_y = e.clientY;
        obj.style.left = asse_x;
        obj.style.top = asse_y;
  }
        alert("X= "+asse_x + "; Y= "+asse_y)
} 

In explorer funziona tutto perfettamente.... in Firefox, Chrome (opera e safari non ho controllato ancora...) non funziona. L'alert mi da le coordinate corrette, quindi vengono trovate, ma non vengono assegnate al div... come mai?

se serve, queste le caratteristiche css del div:

#Dettagli {
    position:absolute;    
    width:321px;
    height:326px;
    z-index:100;
    visibility:hidden;
} 

[Tonenge]

Ciao,

prova a sostituire queste tre righe:

e = (e) ? e : event;
var asse_x = e.clientX; /*x,y della finestra*/
var asse_y = e.clientY;


con:


if(!e) e=window.event;
var asse_x = (e.pageX)?e.pageX:e.clientX ;
var asse_y =(e.pageY)?e.pageY:e.clientY ;


...fammi sapere!

[reybluk]

non ci posso credere....

bisogna assegnare il valore in questo modo... ho scoperto solo ora....

        obj.style.left = asse_x+'px';
        obj.style.top = asse_y+'px'; 

comunque provo subito anche la tua soluzione. ora ti dico.

grazie mille

[reybluk]

provato. Funziona bene anche la tua. e penso che la userò, grazie mille.

ma anche con la tua soluzione è importante assegnare i valori in questo modo:

obj.style.left = asse_x+'px';
obj.style.top = asse_y+'px'; 

grazie ancora mille

[Tonenge]

Scusa,

mi era proprio sfuggito il +"px";
in effetti io solitamente trasformo prima in intero asse_x ed asse_y e poi aggiungo +"px"


var asse_x = parseInt( (e.pageX)?e.pageX:e.clientX );
var asse_y = parseInt( (e.pageY)?e.pageY:e.clientY );



...ma l'importante è che funzioni!

[reybluk]

Ho un'altro quesito sull'argomento coordinate mouse.

Ho visto che con clientX becchi le coords del mouse all'interno dell'area html...
con screenX becchi quelle del mouse rispetto allo schermo...

ma se voglio le coordinate del mouse rispetto alla finestra?
cioè se io rimpicciolisco il browser, mi compaione le scroll bar, le sposto tutte in basso e porto il cursore allo 0,0 della finestra del browser, con clientX non mi da 0,0, mi da la posizione rispetto all'inizio della pagina html... come faccio invece a ricavare il mio 0,0?


non so se sono stato chiaro
:master:

[Tonenge]

Ho visto solo adesso che sei anche tu di Genova!

Se ho ben capito è sufficiente considerare i valori che assumono le scrollbar
e sottrarli alla posizione asse_x,asse_y del mouse.

slx=parseInt(document.body.scrollLeft);
sly=parseInt(document.body.scrollTop);

Ho visto il link... anch'io ho lavorato molto nella grafica 2D e 3D!!!


Saluti

[reybluk]

Ho fatto degli alert, ma mi da sempre 0... come mai?

non sono gran che io in javascript.


belin... pensa te sti genovesi...

[reybluk]

grazie mille... funziona facendo:

var sly=parseInt(document.documentElement.scrollTop);
eccetera. grazie