[JavaScript] Far agire Tooltip solo su elementi con determinate classi

[miki92]

Buongiorno,
oggi necessitavo dei tooltip e così cercando in rete ho trovato il seguente codice (fonte HTML.it):

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?

[dementialsite]

Semplice... estrai anche la classe dagli attributi:

function enableTooltips(){
var links=document.getElementsByTagName("a");
for(i=0;i<links.length;i++){
    t=links[i].getAttribute("title");
    c=links[i].getAttribute("class");
    if(t!="" && c=="mia_classe"){
        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;
        }
    }
}

Stammi bene...

[miki92]

Ci avevo pensato, ma qualora ci siano due o più classi per lo stesso attributo?

[dementialsite]

Invece di fare il confronto diretto, usi la ricerca per regexp. Il codice che ti serve dovrebbe essere questo:

c.match (/\bmia_classe\b/)

Stammi bene...