Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1643 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Infobulle javascript

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Infobulle javascript

n°500561
Kt-Redfox
Posté le 28-08-2003 à 14:50:19  profilanswer
 

Hello,
J'ai trouvé un script Javascript pour permettre de faire une infobulle personnalisable (script qui me convient parfaitement).
Le problème, c'est qu'il ne fonctionne pas sous Internet Explorer mais parfaitement sous Mozilla (ça commence a devenir une habitude avec moi :D ).  
L'erreur renvoyée par IE est:
"Bibliothèque non Inscrite"
Je vous donne le code :D
 
fichier bulle.js

Code :
  1. //Couleur d'arrière-plan principale
  2. //Généralement une couleur claire (blanc, jaune,etc)
  3.   if (typeof fcolor == 'undefined') { var fcolor = "#333333";}
  4.  
  5. //Couleur du bord et du titre (caption)
  6. //Généralement une couleur foncée (noir, bleu marine,etc)
  7.   if (typeof backcolor == 'undefined') { var backcolor = "#606060";}
  8.  
  9. //Couleur du texte de l'infobulle
  10. //Généralement une couleur foncée
  11.   if (typeof textcolor == 'undefined') { var textcolor = "#FFFFFF";}
  13. //Epaisseur du bord en pixels  
  14. //Généralement entre 1 et 3  
  15.   if (typeof border == 'undefined') { var border = "1";}
  16.  
  17. //Retrait horizontal en pixels de l'infobulle par rapport au curseur
  18. //Généralement entre 3 et 12  
  19.   if (typeof offsetx == 'undefined') { var offsetx = 10;}
  20.  
  21. //Retrait vertical en pixels de l'infobulle par rapport au curseur
  22. //Généralement entre 3 et 12
  23.   if (typeof offsety == 'undefined') { var offsety = 10;}
  25. var ns6 = document.getElementById && !document.all;
  26. var ie4 = document.all;
  28. if(ns6) bulle = document.getElementById("bulle_div" );
  29. else if(ie4) bulle = document.all["bulle_div"];
  31.   function bouge_bulle(e)
  32.   {
  33.     if(ie4)
  34.     {
  35.      x=event.clientX+offsetx+document.body.scrollLeft;
  36.      y=event.clientY+offsety+document.body.scrollTop;
  37.     }
  38.     else if(ns6)
  39.     {
  40.      x=e.pageX+offsetx;
  41.      y=e.pageY+offsety;
  42.     }
  43.    
  44.    bulle.style.left=x;
  45.    bulle.style.top=y;
  46.   }
  49. function fadein_bulle()
  50. {
  51. if( bulle.filters.alpha.opacity<100) bulle.filters.alpha.opacity+=10
  52. else clearInterval(fadein_bulle_int)
  53. }
  56. function fadeout_bulle()
  57. {
  58. if( bulle.filters.alpha.opacity>0) bulle.filters.alpha.opacity-=10
  59. else
  60. {
  61.   bulle.filters.alpha.opacity=0
  62.   clearInterval(fadeout_bulle_int)
  63. }
  64. }
  67.   function afficher_bulle(text)
  68.   {
  69.    if(ie4) bulle.filters.alpha.opacity=0 ;
  70.     txt = "<TABLE  BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><FONT FACE=\"Arial,Helvetica\" COLOR=\""+textcolor+"\" SIZE=\"-2\">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
  71.    bulle.innerHTML = txt;
  72.    bulle.style.visibility = "visible"
  74.    if(ie4) fadein_bulle_int=setInterval("fadein_bulle()",1)
  75.   }
  77.   function cacher_bulle()
  78.   {
  79.    bulle.visibility="hidden";
  81.   // fadeout_bulle_int=setInterval("fadeout_bulle()",2);
  82.    if(ie4) bulle.filters.alpha.opacity=0
  83.    bulle.innerHTML = "";
  84.   }


 
Et dans le fichier HTML:

Code :
  1. <DIV ID="bulle_div" STYLE="position:absolute;visibility:hidden;filter:alpha(opacity=100);z-index:3;">
  2. </div>
  4. <script language="JavaScript" src="./bulle.js"></script>
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!--
  8. document.onmousemove = mouseMove ;
  9. function mouseMove(e)
  10. {
  11.   bouge_bulle(e);
  12.   //Si on utilise aussi les fenetres déplacables par exemple.
  13.   //bouge_fenetre(e);
  14.   //  Autres fonctions possibles si d'autres scripts
  16. }
  17. -->
  18. </script>


 
Etant totalement nul en Javascript, j'ai pensé que vous pourriez m'aider :D
Merci d'avance


Message édité par Kt-Redfox le 28-08-2003 à 15:01:09
mood
Publicité
Posté le 28-08-2003 à 14:50:19  profilanswer
 

n°500746
Kt-Redfox
Posté le 28-08-2003 à 16:44:50  profilanswer
 

up  :D

n°502415
Kt-Redfox
Posté le 30-08-2003 à 14:52:30  profilanswer
 

KT-RedFOX a écrit :

up  :D  


dernier up promis :jap:
Pitié :'(

n°502470
Freekill
Electron libre…
Posté le 30-08-2003 à 16:59:23  profilanswer
 
n°502589
Kt-Redfox
Posté le 30-08-2003 à 18:54:52  profilanswer
 

Freekill a écrit :

Essaie les miennes :
 
http://freekill.free.fr/absolut/


merci beaucoup, avec ton code, ca marche nickel :jap:
mon sauveur :love:  [:ddr555]

n°502593
Freekill
Electron libre…
Posté le 30-08-2003 à 18:59:09  profilanswer
 
n°502665
greut
Posté le 30-08-2003 à 19:47:57  profilanswer
 

Elles sont plutôt cool tes infos-bulles :)


Message édité par greut le 30-08-2003 à 19:48:25
n°502668
Freekill
Electron libre…
Posté le 30-08-2003 à 19:49:04  profilanswer
 

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Infobulle javascript

 

Sujets relatifs
[JS] Menus Déroulants Javascript à plusieurs niveauxErreur ds formulaire de recherche javascript
Recherche listes de procédure vbscript, javascriptFLASH -> Insérer de l'HTML et du JavaScript dans de l'Action Script
tableau d'objet et javascript[Javascript] besoin de conseil
[Résolu] Impossible d'exécuter des javascriptconnaitre la largeur d'une chaine en javascript
[Javascript easy] J'arrive pas a trouver pkoi ca marche pas....[JS] menu en JavaScript + Frame [résolu]
Plus de sujets relatifs à : Infobulle javascript

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.086 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)