Se connecter / S'enregistrer
Votre question

[Résolu : J'ai écrit le script]Infobulle qui se fixe :

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
14 Juillet 2005 13:56:11

Bon je recherche un java script d'infobulle, eulement il doit être un peut diférent des autres... je m'espliquer :

Il me faut une infobule qui aparaisse l'or de la suvole d'un lien/d'une image/d'une case d'un tableau. Je veut que si on clic sur ce fameux lien l'infobulle se fixe, comme une fenettre dans la page. Il faut que plusieures infos bulles puissent être ouvertent a la fois! Il faut aussi que figure a la fin de l'infobulle le lien "fermer" et que je puisse mettre un tableau dans l'infobulle. Je c'est que c'est bocoup, mais j'ai déja vu un script qui fait sa. J'ai tenter de trouver les sources javascript de ce fameux script mais il s'agit d'une extention de firefox qui vas chercher un javascript qui inlus lui même des javas script ect, et le tout est diviser en de nombreuses fonction seulement pour ces fameuses infobulles, j'ai fait de mon mieu our isoler le code de l'infobulle mais sans suces :'( 

Autres pages sur : resolu ecrit script infobulle fixe

15 Juillet 2005 01:34:30

Persone ne sait? Ou c'est juste que vous n'avez pas comprit ma question?
15 Juillet 2005 13:57:04

Youpi je parle tout seul.....
15 Juillet 2005 14:06:33

C'est unse simple infobulle, j'en ai déja toruver une bone trentaine toutes pareille(et qui n'afichent pas une bare de défilement lorsque l'on vas sur els rebores de la page), mais ce que je veut c'est pas vraiment une infobule, c'est une sorte de cadre, dnas lequel je pourias mettre du code html qui fonctionera, et qui restera fiher l'or d'un clic sur le lien/image (onclic="" & onMouseOver="")... Mais sa je n'ai aps toruver. Je sait que sa exste car je l'ai vue, mais je ne peut pas récupèrer le code de ce que j'ai vue. Enfaite il s'agissait d'une extension pour firefox qui modifiai certaines pages et qui rajouter cette fonction a certin liens. Mais je ne peut pas récupèrer la page "trensformer" :'( 
16 Juillet 2005 16:41:22

Bon alors comme tous ceux qui savent faire du javascript ne veulent aps ce bouger, voici un script de ma création, qui bloc l'infobulle quand on clic. Pour modifier le style de l'infobulle, modifiez la déclaration de stop(pour ceux qui comprène rien, recherchez "// Formatage de l'infobulle :
var contenu = " et changez le code html qui a entre guillemet).
Comment j'ai fait? J'ai rajouter un onclic="stopb()" ou stopb() déclare une variable qui bloc : la fermeture/le déplacement. A la création d'une otre infobulle, l'infobulle bloquer disparait. Je vais moifier la fonction pour dè-bloquer l'infobulle....


Voila c'est fait, le code :
  1. <!-- DEBUT DU SCRIPT -->
  2. <!-- Creation du calque qui accueillera l'infobulle -->
  3. <div id="bulle" style="position: absolute; z-index: 2"></div>
  4. <*script language="JavaScript">
  5. //Systheme de blocage par Zenol/JC_Master ^^
  6. //Initialisation du stopage :
  7. stop_b = false;
  8. // Detection des navigateurs
  9. nc4 = (document.layers)? true:false;
  10. ie4 = (document.all)? true:false;
  11. nc6 = (typeof(window.controllers) != 'undefined' && typeof(window.locationbar) != 'undefined')? true:false;
  12. // Decallage de l'infobulle par rapport au pointeur en X et en Y (en pixels)
  13. decal_x = 3;
  14. decal_y = -25;
  15. // Creation d'un raccourci pour manipuler le calque
  16. if (nc4) {
  17. var calque = document.bulle;
  18. }
  19. if (ie4) {
  20. var calque = bulle.style;
  21. }
  22. if (nc6) {
  23. var calque = document.getElementById('bulle').style;
  24. }
  25. // Interception des mouvements du pointeur
  26. // Instruction pour Netscape
  27. if (nc4) document.captureEvents(Event.MOUSEMOVE);
  28. //Instruction equivalente pour Netscape 6.x et sup.
  29. if (nc6) {
  30. document.addEventListener("mousemove",document.onmousemove,true);
  31. suivre_souris;
  32. }
  33. // Instruction equivalente pour Internet Explorer
  34. document.onmousemove = suivre_souris;
  35. // Fonction d'affichage de l'infobulle
  36. function pop(message) {
  37. //Blocage :
  38. if(!stop_b)
  39. {
  40. // Formatage de l'infobulle :
  41. var contenu = "<table border='0' cellspacing='0' cellpadding='5' width='200'><tr><td bgcolor='#CCCCFF'>" + message + "</td></tr></table>";
  42. // Instructions pour Netscape
  43. if (nc4) {
  44. calque.document.write(contenu);
  45. calque.document.close();
  46. calque.visibility = "visible";
  47. }
  48. // Instructions equivalentes pour Internet Explorer
  49. if (ie4) {
  50. document.all("bulle").innerHTML = contenu;
  51. calque.visibility = "visible";
  52. }
  53. //Instructions equivalentes pour Netscape 6.x et sup.
  54. if (nc6) {
  55. document.getElementById("bulle").innerHTML = contenu;
  56. calque.visibility = "visible";
  57. }
  58. }
  59. }
  60. // Gestion du pointeur
  61. function suivre_souris(e) {
  62. //Si pas de blocage :
  63. if(!stop_b)
  64. {
  65. // Creation des variables de decallage
  66. // Instructions pour Netscape 4 et 6
  67. if (nc4 || nc6) {
  68. var x = e.pageX;
  69. var y = e.pageY;
  70. }
  71.  
  72. // Instructions equivalentes pour Internet Explorer
  73. if (ie4) {
  74. var x = event.x + document.body.scrollLeft;
  75. var y = event.y + document.body.scrollTop;
  76. }
  77. // Cas particulier pour Internet Explorer sur Mac (les coordonnees de decallages sont modifiees)
  78. if ( (navigator.userAgent.indexOf('Mac') != -1) && (navigator.userAgent.indexOf('MSIE') != -1) ) {
  79. calque.left = x + decal_x - 135;
  80. calque.top = y + decal_y - 155;
  81. }
  82. // Pour les autres cas, decallage normal du calque par rapport au pointeur
  83. else {
  84. calque.left = x + decal_x;
  85. calque.top = y + decal_y;
  86. }
  87. }
  88. }
  89. // Fonction pour bloquer la bulle :
  90. function stopb() {
  91. if(stop_b)
  92. {
  93. stop_b = false;
  94. }
  95. else
  96. {
  97. stop_b = true;
  98. }
  99. }
  100. // Fonction pour masquer le calque
  101. function disparaitre() {
  102. if(!stop_b)
  103. {
  104. // Instructions pour Netscape
  105. if (nc4) {
  106. calque.document.write('');
  107. calque.document.close();
  108. calque.visibility = "hidden";
  109. }
  110. // Instructions equivalentes pour Internet Explorer
  111. if (ie4) {
  112. document.all("bulle").innerHTML = '';
  113. calque.visibility = "hidden";
  114. }
  115. //Instructions equivalentes pour Netscape 6.x et sup.
  116. if (nc6) {
  117. document.getElementById("bulle").innerHTML = '';
  118. calque.visibility = "hidden";
  119. }
  120. }
  121. }
  122. </script>
  123. <!-- FIN DU SCRIPT -->


NB : Remplacez <*script> par <script>
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS