simulo title ma + carino

[markgrav]

Ciao buongiorno

esiste qualche effetto magari in js che simula il title su un testo ma + carino mi potete dire dove andarloa prendere??

[markgrav]

ok ho trovato l'effetto che cercavo sul sito html ma il problema e che tutti questi tooltips vengono applicati a testi, io invece lo devo utilizzare su un immagine e quindi nella mappatura dell' immagine.

Come faccio

[Michel-ve]

Originariamente inviato da markgrav
Ciao buongiorno

esiste qualche effetto magari in js che simula il title su un testo ma + carino mi potete dire dove andarloa prendere??

forse questo ti può essere utile

parte di stile CSS

.tooltip{ /*stili per il tooltip */
/*posizione e domensioni*/
position:absolute; top: 2em; left: 2em; width: 15em;
/*bordi e colore */
border: 1px solid #6C9; background-color: #A8F8D0;; color:#000;
/*font e testo */
font-size: 80%;text-align: center
}

=======
parte in Jscript

/*script per i tooltip*/

window.onload=enableTooltips;

function enableTooltips(){
var links=document.getElementsByTagName("a");
for(i=0;i<links.length;i++){
t=links[i].getAttribute("title");
if(t!=""){
links[i].removeAttribute("title");
links[i].style.position="relative";
tooltip=document.createElement("em");
tooltip.className="tooltip";
tooltip.style.display="none";
tooltip.appendChild(document.createTextNode(t));
links[i].appendChild(tooltip);
links[i].onmouseover=showTooltip;
links[i].onmouseout=hideTooltip;
}
}
}

function showTooltip(event){
this.style.zIndex="25";
this.getElementsByTagName("em")[0].style.display="block";
}

function hideTooltip(event){
this.style.zIndex="24";
this.getElementsByTagName("em")[0].style.display="none";
}

l'ho trovato su html.it e copiato ma non mi ricordo dove.
io l'ho provato ma non capendo di molto di Jscript non riesco a metterlo in quadro. Forse tu riesci, fammi sapere!!