PDA

View Full Version : Chiarimenti su OnMouseOver e Script

max.86
19-08-2003, 00:52
volevo ricreare l'effetto che compare in questa pagina
http://www.mkolsen.altervista.org/x-mko/modules/Inconnue_Topsite/
quando si passa sopra ai banner compare la scritta della descrizione,
ho visto che devo usare la funzione
OnMouseOver="showmessage('Testo')" onMouseOut="hideticker()"
speravo bastasse solo questo... però poi ho visto che ci vuole anche un pò di righe di script... e qui mi sono bloccato...
c'è nessuno che potrebbe dirmi come fare?
A me basterebbe anche un box come quello..

Grazie
Beralios
19-08-2003, 12:58
Prova questo.


<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>
</HEAD>

<BODY>

<DIV ID="dek"></DIV>

<SCRIPT TYPE="text/javascript">
<!--
Xoffset=-60; // modifica questi valori per cambiare
Yoffset= 20; // la posizione del popup.

var old,skn,iex=(document.all),yyy=-1000;

var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function popup(msg,bak){
var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}

function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}

//-->
</SCRIPT>

<a href="http://forum.hwupgrade.it" ONMOUSEOVER="popup('Collegati al forum di HW Upgrade.','lightgreen')"; ONMOUSEOUT="kill()">HW

Upgrade</a>

</BODY>
</HTML>



Bye.
Beralios
19-08-2003, 13:01
Dimenticavo qui puoi trovare altri esempi :

www.dynamicdrive.com

Bye.
max.86
19-08-2003, 15:13
grazie mille.... è proprio ciò che cercavo...

grazie grazie grazie
max.86
19-08-2003, 19:31
sai mica se c'è un modo per poter usare quell'effetto ma inserendo anche immagini e paragrafi nella finestra che appare?
Beralios
20-08-2003, 06:54
Naturalmente puoi inserire tutto quello che vuoi.

Se ad esempio vuoi mettere un immagine inserisci questa riga:

<img border="0" src="C:/image.jpg" width="100" height="100" onMOUSEOVER="popup('Collegati al forum di HW Upgrade.','lightgreen')";onMOUSEOUT="kill()">

Bye.
max.86
20-08-2003, 21:24
grazie... milllle

con quel sito ho risolto anche un'altro problemma....