allora,, devo fare in modo che , quando l'utente passa col mouse su un'immagine, accanto al mouse venga visualizzata una scritta..
come fo?
allora,, devo fare in modo che , quando l'utente passa col mouse su un'immagine, accanto al mouse venga visualizzata una scritta..
come fo?
Guybrush Threepwood
nel head
<SCRIPT language="JavaScript">
<!-- Begin
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>';
document.all.tooltip2.style.pixelLeft=event.client X+document.body.scrollLeft+10;
document.all.tooltip2.style.pixelTop=event.clientY +document.body.scrollTop+10;
document.all.tooltip2.style.visibility="visible";
}
else if (document.layers){
document.tooltip2.document.nstip.document.write(''+text+'');
document.tooltip2.document.nstip.document.close();
document.tooltip2.document.nstip.left=0;
currentscroll=setInterval("scrolltip()",100);
document.tooltip2.left=e.pageX+10;
document.tooltip2.top=e.pageY+10;
document.tooltip2.visibility="show";
}
}
function hidetip2(){
if (document.all) {
document.all.tooltip2.style.visibility="hidden";
}
else if (document.layers) {
clearInterval(currentscroll);
document.tooltip2.visibility="hidden";
}
}
// End -->
</SCRIPT>
<SCRIPT language="JavaScript">
<!-- Hide the script from old browsers --
function MakeArray(n){
this.length=n;
for(var i=1; i<=n; i++) this[i]=i-1;
return this
}
hex=new MakeArray(16);
hex[11]="A";
hex[12]="B";
hex[13]="C";
hex[14]="D";
hex[15]="E";
hex[16]="F";
function ToHex(x){
var high=x/16;
var s=high+"";
s=s.substring(0,2);
high=parseInt(s,10);
var left=hex[high+1];
var low=x-high*16;
s=low+"";
s=s.substring(0,2);
low=parseInt(s,10);
var right=hex[low+1];
var string=left+""+right;
return string;
}
function fadein(text){
text=text.substring(3,text.length-4);
color_d1=255;
mul=color_d1/text.length;
for(i=0;i<text.length;i++){
color_d1=mul*i;
color_h1=ToHex(color_d1);
color_d2=mul*i;
color_h2=ToHex(color_d2);
document.write("<FONT COLOR='#"+color_h2+color_h1+"FF'>"+text.substring( i,i+1)+'</FONT>');
}
}
// --End Hiding Here -->
</SCRIPT>
nel body
<DIV id="tooltip2" style="position:absolute;visibility:hidden;clip:re ct(0 150 50 0);width:150px;background-color:gold;z-index:10;font-family:verdana;font-size:12pt"></DIV>
<DIV align="CENTER" name="divTest" onMouseover="showtip2(this,event,QUI IL TESTO');" onMouseout="hidetip2();" STYLE="cursor: hand">
<TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD COLSPAN="7">
[img]pianob.jpg[/img]
</TABLE>
</DIV>
Heaven's closed. Hell sold out.
Linux 2.6.26-2-amd64
Debian squeeze
questo funziona solo su IE o sbaglio?
thank!!!
ho provato a modificarlo così
<DIV id="tooltip2" style=" position:absolute;visibility:hidden;clip
:rect(0 350 50 0);width:150px;background-color:gold;z-index:10;font-family:verdana;font-size:12pt"></DIV>
<DIV align="CENTER" name="divTest" onMouseover="showtip2(this,event,'Add to Favorites');" onMouseout="hidetip2();" STYLE="cursor: hand">[img]fl/uk.gif[/img]</div>
Ma :
1) la scritta appare x tutta la riga (in pratica,,, è come se l'immagine fosse larga quanto tutta la pagia)
2) x segare il testo scorrevole ?
3) x farsi che la scritta segua il mouse...?
lo so che sono esigente,,, ma se sapessi su quale sito andrà su..
Guybrush Threepwood
ok
codice:<HTML><HEAD><STYLE> .spanstyle { position: absolute; visibility: visible; top: -50px; font-size: 12pt; font-family: Comic Sans MS; font-weight: bold; color: #6495ED; } </STYLE> <SCRIPT> var x,y var step=14 var flag=0 var message="Benvenuti!!! " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </SCRIPT> </HEAD> <BODY bgcolor="#000000" text="FFFFFF" onLoad="makesnake()" style="width: 100%; overflow-x: hidden; overflow-y: scroll; font-family: Arial; color: #F0FFFF"> <SCRIPT> for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </SCRIPT> <FONT size="+1" face="verdana"> <BIG>W</BIG>hite space at the end of the message required!</P></FONT> </BODY> </HTML>
Heaven's closed. Hell sold out.
Linux 2.6.26-2-amd64
Debian squeeze
spettacolo! ma forse non mi sono spiegato bene
a me serve che venga fuori il testo accanto al mouse SOLO quando il mouse passa su un'immagine (o un testo)....
Guybrush Threepwood
non è ke puoi fare
<body>
<img onMouseOver="makesnake()" onMouseOut="unafunzionexucciderlo()">
Heaven's closed. Hell sold out.
Linux 2.6.26-2-amd64
Debian squeeze
ci sto provando,,, ma è un po incasinato
Guybrush Threepwood
lo ho creato ora, spero vada
<script>
function carica(){
level=document.getElementById('livello')
level.style.visibility='hidden'
}
function fuori(){
level.style.visibility='hidden'
}
function sopra(){
level.style.visibility='visible'
}
function sposta(){
level.style.left=event.clientX
level.style.top=event.clientY
}
</script>
<body onload="carica()">
<div id="livello" style="position:absolute; background-Color:aqua; width:10; height:10;">TESTOOOOO</div>
<p onMouseOver="sopra()" onMouseOut="fuori()" onMouseMove="sposta()">Ciao!</p>
Bellissimo!
E se per esempio:
Ho una domanda "Quando che..." e affianco c'è scritto "risposta" uno passa il mouse solo sulla risposta e viene fuori il testo, è possibile?
Permessi di invio
Rispondi quotando