//*************************************************************************** // BULLE MOUSEOVER // //*************************************************************************** // Utilisation // // JS à inclure entre et // // après mettre // trace : // ensuite :

BLOCK HELP

// // xxxxx // ------------------------------------------------------------------------- // 01/03/2010 : NBC : modification scrollTop et scrollLeft pour Doctype // ------------------------------------------------------------------------- // Bulles d'aide (c) Nabil BOURGHOL Consultant - 2006 // http://www.bourghol.com // -------------------------------------------------------------------------- var ns4 = document.layers ? true:false; var ns6 = document.getElementById ? true:false; var ie = document.all ? 1 : 0; var x_left, y_top, couleur_titre, couleur_boite, Contenu_boite , my_blocname, Trace , a_afficher ; a_afficher = 0; style_titre = "style=\"background-color:#DC143C; color:#FFFFFF; border-bottom:1px solid #000000;" + "font-family:Arial,Verdana,Tahoma; font-size:11px; font-weight:bold; padding:2px; \" "; style_texte= "style =\"background-color:#FDFBFB; color:#000000; " + "font-family:Arial,Verdana,Tahoma; font-size:11px; font-weight:normal; padding:5px; \" "; /* Trace = 1; // position de la souris affichée dans le

Trace = 0; // pas de trace affichée Trace = 1; // position de la souris affichée dans le

*/ if (!Trace) Trace = 0; if (ie) {doc="document.all."; sty= ".style"; document.onmousemove=survol; ns6=false;} if (ns6) {doc="document."; sty= ""; document.addEventListener("mousemove",survol,true);} if (ns4) { doc = "document."; sty = ""; x_left = "e.pageX"; y_top = "e.pageY"; window.captureEvents(Event.MOUSEMOVE); window.onmousemove=survol(); } // ------------------------------------------------------------ function Display_Bulle(my_layer, my_titre, my_contenu, my_largeur) { if (! my_largeur) {my_largeur=250;} // Largeur par defaut my_blocname = my_layer ; contenu_boite = '

' + '

' + my_titre + '

' + '

' + my_contenu + '

'+ '

'; // ---- Remplace le contenu du tableau ----------------- if (ie) {document.all[my_blocname].innerHTML = contenu_boite;} if (ns6){document.getElementById(my_blocname).innerHTML = contenu_boite;} if (ns4) { // Original with(document.layers[my_blocname].document) { open(); write(contenu_boite); close(); } } a_afficher=1; } // ------------------------------------------------------------ function Hide_Bulle() { a_afficher=0; document.getElementById(my_blocname).style.visibility='hidden'; } // ------------------------------------------------------------ function survol(e) { if (a_afficher) { if (ie) { x_left = event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft); y_top = event.clientY + (document.documentElement.scrollTop || document.body.scrollTop); if (y_top == 0 && x_left == 0) {return;} document.getElementById(my_blocname).style.top =(eval(y_top) + 15 ) + "px" ; document.getElementById(my_blocname).style.left=(eval(x_left) + 5 ) + "px" ; } if (ns4) { eval(doc + my_blocname + sty + ".top = " + (eval(y_top) + 15)); // original eval(doc + my_blocname + sty + ".left = " + (eval(x_left) + 5)); // original } if (ns6) { // if (! e) return; /******************************** NBC $$ 01-03-2010 $$ x_left = e.clientX; y_top = e.clientY; document.getElementById(my_blocname).style.top =(eval(y_top) + 15) + document.body.scrollTop + "px" ; document.getElementById(my_blocname).style.left=(eval(x_left)+ 5) + "px" ; ********************************/ document.getElementById(my_blocname).style.left= (eval(e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft) + 15) + "px"; // NBC $$ 01-03-2010 $$ document.getElementById(my_blocname).style.top = (eval(e.clientY + document.documentElement.scrollTop + document.body.scrollTop ) +15 ) + "px"; // NBC $$ 01-03-2010 $$ } document.getElementById(my_blocname).style.visibility='visible'; } // ------- Message de la position de la souris ------------------ if (Trace){ if (! ( y_top || x_left)) return; if (document.getElementById('TRACE')) document.getElementById('TRACE').style.display="block"; MESSAGE = "Positions de la Souris : Top : "+ (eval(y_top)) + " / Left = " + (eval(x_left)) ; if (ie){ document.all["TRACE"].innerHTML = 'IE : '+ MESSAGE; } if (ns6){ if (! e) return; document.getElementById("TRACE").innerHTML = 'NS6 : ' +MESSAGE; } } } //-------------------------------------------------------------------------------