Ho questo script che mi sostituisce a tutti i links (tag A) in una pagina una sorta di tip all'onmouseover,vorrei distinguere questi links marcandoli con un attributo ID="tip", quindi in questo modo vorrei che solo i tag A contenenti questo ID siano affetti da questa funzione.
Codice PHP:
function enableTooltips(id){
var links,i,h;
if(!document.getElementById || !document.getElementsByTagName) return;
AddCss();
h=document.createElement("span");
h.id="btc";
h.setAttribute("id","btc");
h.style.position="absolute";
document.getElementsByTagName("body")[0].appendChild(h);
if(id==null) links=document.getElementsByTagName("a");
else links=document.getElementById(id).getElementsByTagName("a");
for(i=0;i<links.length;i++){
Prepare(links[i]);
}
}
function Prepare(el){
var tooltip,t,b,s,l;
t=el.getAttribute("title");
if(t==null || t.length==0) t="link:";
el.removeAttribute("title");
tooltip=CreateEl("span","tooltip");
s=CreateEl("span","top");
s.appendChild(document.createTextNode(t));
tooltip.appendChild(s);
b=CreateEl("b","bottom");
l=el.getAttribute("href");
if (l != undefined) {
var is_protocol_ok=l.indexOf('bloo.it');
if (is_protocol_ok!=-1) {
if(l.length>30) l=l.substr(0,27)+"...";
b.appendChild(document.createTextNode(l));
tooltip.appendChild(b);
setOpacity(tooltip);
el.tooltip=tooltip;
el.onmouseover=showTooltip;
el.onmouseout=hideTooltip;
el.onmousemove=Locate;
el.style.color='#008000';
el.style.borderBottom='1px solid';
el.style.textDecoration='underline';
el.style.paddingBottom='2px';
el.style.fontWeight='bold';
el.style.backgroundColor='#ffffff';
}
}
}