<script type="text/javascript">
document.write('<div style="position:absolute;display:none" id="bulle"></div>')
var bal=false;
var lien=false;
var im=false;
var bulle=document.getElementById('bulle');
function on(e){
if(!e){
window.event.cancelBubble=true
}
else{
e.stopPropagation()
};
ns= (navigator.appName.search("Nestcape")!=-1) ? window.pageXOffset : 0;
ns2= (navigator.appName.search("Nestcape")!=-1) ? window.pageYOffset : 0;
posx= (!e) ? event.clientX+document.documentElement.scrollLeft : e.pageX+ns;
posy= (!e) ? event.clientY+document.documentElement.scrollTop : e.pageY+ns2;
hori=(posx > (screen.availWidth - 200)) ? -250 : 0;
bulle.style.left= posx+hori+"px";
bulle.style.top= posy+"px";
bulle.style.display='block';
bal=document.createElement('div');
bal.style.fontWeight=100;
bal.style.backgroundColor="pink";
typ=this.tagName=="INPUT" ? this.type : "";
bal2=document.createTextNode("Balise \"" + this.tagName + " " + typ + \
"\"." + " (" + tags[this.tagName] + ") ");
bal.appendChild(bal2);
bulle.appendChild(bal);
if(this.tagName=="A"){
lien=document.createElement('div');
lien.style.fontWeight=100;
lien.style.backgroundColor="orange";
lien2=document.createTextNode(" Adresse: \"" + this.href + "\".");
lien.appendChild(lien2);
bulle.appendChild(lien)
};
if(this.tagName=="IMG"){
im=document.createElement('div');
im.style.fontWeight=100;
im.style.backgroundColor="yellow";
im2=document.createTextNode("Adresse: \"" + this.src + "\".");
im.appendChild(im2);
bulle.appendChild(im)
};
}
function off(e){
if(!e){
window.event.cancelBubble=true
}
else{
e.stopPropagation()
};
bulle.style.display='none';
if(bal){
bulle.removeChild(bal);
bal=false
};
if(lien){
bulle.removeChild(lien);
lien=false
};
if(im){
bulle.removeChild(im);
im=false
};
}
var tagtype=new Array('IMG','DIV','P','FORM','H1','TABLE','TD','A','SPAN',\
'INPUT','TEXTAREA','HR','H2','SELECT');
var expl=new Array('image','contenant de type bloc','paragraphe','formulaire',\
'titre n°1','tableau','cellule de tableau','lien','contenant intra-ligne',\
'contrôle de formulaire','zone de texte multiligne','barre horizontale',\
'titre n°2','liste d\'options');
var tags=new Array();
for(i=0;i != tagtype.length;i++){
tags[tagtype[i]]=expl[i]
}
for(i=0;i != tagtype.length;i++){
for(j=0;j != document.getElementsByTagName(tagtype[i]).length;j++){
document.getElementsByTagName(tagtype[i])[j].onmouseover=on;
document.getElementsByTagName(tagtype[i])[j].onmouseout=off;
};
}
document.body.onclick=off;
</script> |
