[JavaScript] Far agire Tooltip solo su elementi con determinate classi
Buongiorno,
oggi necessitavo dei tooltip e cosė cercando in rete ho trovato il seguente codice (fonte HTML.it):
Codice PHP:
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";
}
Il codice rispetto ad altri funziona alla perfezione e mi piace perchč utilizza poche righe di codice...
Il problema č che questo tooltip agisce su ogni oggetto avente il tag title...ora vi chiedo...come č possibile fare in modo che il tooltip agisca solo se il link ha anche una determinata classe?