immagine al mouseover..

**sms** · 07-06-2004, 20:43

ho fatto questo script, soltanto ke vorrei evitare di dare una posizione fissa (ora sono 100px) ma assegnare all'img ke appare top/left del mouse..
ho fatto una ricerca trovando 2 script ma nn ho capito come mettere il codice della posizione mouse nel mio script!!

vi posto il mio script .. leggete i commenti nel function "vedi" .. riuscireste a mettermi a posto questo script??

grazie mille!!

codice:

<script language="JavaScript"> 
 function copri(cosa) {
  document.getElementById(cosa).style.visibility='hidden';
 }

 function vedi(cosa) {
  document.getElementById(cosa).style.visibility= 'visible';
  // invece di cento ci andrebbe la posizione Y e X del mouse ..
  // ho trovato vari script ma nn capisco come implementarli in questo codice..
  // cosa succederebbe se il link si trovasse in fondo alla pagina e
  // l'immagine è nn sta nella pagina stessa xkè è + lunga??
  // si forma la scrollbarr??
  // grazie! CIAO!
  document.getElementById(cosa).style.top= '100px';
  document.getElementById(cosa).style.left= '100px';
 }
</script> 
<body>
<div id="nascondi" style="position: absolute; visibility: hidden; z-index: 1">
[img]img.gif[/img]
</div>
<div id="div1" style="position: absolute; z-index: 0; top: 10px; left: 10px;">









cliccami
</div>
</body>

**br1** · 07-06-2004, 21:45

http://forum.html.it/forum/showthrea...osizione+mouse

ciao

**sms** · 08-06-2004, 07:29

Originariamente inviato da br1
http://forum.html.it/forum/showthrea...osizione+mouse

ciao

l'avevo già visto (era uno dei 2 script di cui parlavo) ma nn ho capito come inserirlo nella function "vedi"

**br1** · 08-06-2004, 08:32

codice:

function vedi(cosa) {
	document.getElementById(cosa).style.visibility= 'visible';
	if(!e) e = window.event
	mouseX = e.clientX+(window.opera?0:document.body.scrollLeft)
	mouseY = e.clientY+(window.opera?0:document.body.scrollTop)
	document.getElementById(cosa).style.top=''+mouseY+'px';
	document.getElementById(cosa).style.left=''+mouseX+'px';
}

ciao

**sms** · 08-06-2004, 08:37

grazie .. funziona aggiungendo "var e" all'inizio .. xò su mozilla nn va..

è un errore mio??

**sms** · 08-06-2004, 10:52

:quote:

**Mich_** · 08-06-2004, 11:05

La gestione degli eventi e` diversa nei vari browser.
Ci sono dei trucchi per usare script simili per alcuni browser, ma non mi risulta che esista una gestione "standard" degli eventi.

Prova a fare una ricerca nel forum: dovresti trovare come gestire gli eventi (in particolare da tastiera o da mouse).

**sms** · 08-06-2004, 12:40

ho fatto una ricerca (sia qui ke in internet) e mi viene questo ..
ovviamente nn funziona

codice:

<script language="JavaScript1.2">
var IE = document.all?true:false
var tempX = 0
var tempY = 0
function getMouseXY(e) {
  if (IE) {
    tempX = event.clientX + (window.opera?0:document.body.scrollLeft)
    tempY = event.clientY + (window.opera?0:document.body.scrollTop)
  } else {
    tempX = e.pageX
    tempY = e.pageY
  }  
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  return true
}


function copri(cosa) {
  document.getElementById(cosa).style.visibility='hidden';
}

function vedi(cosa) {
	if (!IE) document.captureEvents(Event.MOUSEMOVE)
	document.onmousemove = getMouseXY;
	document.getElementById(cosa).style.top=''+tempY+'px';
	document.getElementById(cosa).style.left=''+tempX+'px';
}
</script> 
<body>
<div id="nascondi" style="position: absolute; visibility: hidden; z-index: 1">
[img]logo_modificato.gif[/img]
</div>
<div id="div1" style="position: absolute; z-index: 0; top: 10px; left: 10px;">








cliccami
</div>
</body>

**br1** · 08-06-2004, 13:17

codice:

<script language="JavaScript1.2">
var IE = document.all?true:false
var tempX = 0
var tempY = 0
	if (!IE) document.captureEvents(Event.MOUSEMOVE)
	document.onmousemove = getMouseXY;

function getMouseXY(e) {
  if (IE) {
    tempX = event.clientX + (window.opera?0:document.body.scrollLeft)
    tempY = event.clientY + (window.opera?0:document.body.scrollTop)
  } else {
    tempX = e.pageX
    tempY = e.pageY
  }  
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  return true
}


function copri(cosa) {
	document.getElementById(cosa).style.visibility='hidden';
}

function vedi(cosa) {
	document.getElementById(cosa).style.visibility='visible';
	document.getElementById(cosa).style.top=''+tempY+'px';
	document.getElementById(cosa).style.left=''+tempX+'px';
}
</script>

ciao

**sms** · 08-06-2004, 13:37

Originariamente inviato da br1
ciao

grazie mille (certo se mi dimentico di mettere il visibility: visible nn vedro mai niente

ke stupdio

)

Discussione: immagine al mouseover..

Strumenti discussione

Ricerca discussione

Visualizza

immagine al mouseover..

Re: immagine al mouseover..

Permessi di invio