Compatibilté avec kwsphp

Sujet déplacé le dimanche 27 avril 2008 : 20:09

Bonjour,

Je cherchais à mettre à coté de ma souris dans une infobulle une image.

Le code marche très bien sauf dans kwsphp... et c'est là que j'en ai besoin. Pas de bol...
Mon infobulle ne suit pas ma souris !

Je pense que c'est un code dans kwsphp qui prend le dessus sur mon code.
Est ce que les developpeurs de kwsphp pourraient m'aider ?

J'ai mis un lien sur ma page test
http://mecatools.dfournier.free.fr/index.php?mod=test
la meme page qui marche avec le meme code hors kwsphp
http://mecatools.dfournier.free.fr/modules/test/test.html


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <? open_table(); ?>
  2.  
  3. <style type="text/css">
  4. .clBulle
  5. {    display: none;
  6.     position: absolute;
  7.     z-index : 1;
  8.     background-color: #F4F49C;
  9.     padding: 2px;
  10.     margin: 2px;
  11.     border-style: ridge;
  12.     border-width: 3px;
  13.     border-color: #F4F49C;
  14.     font-family: Arial;
  15.     font-size: 8pt; }
  16. .mesDiv
  17. {    background-color: #B3C2A1;
  18.     padding: 10px; }
  19. .monStyle1
  20. {    width: 100%;
  21.     height: 60px; }
  22. .monStyle2
  23. {    width: 220px; }
  24. </style>
  25.  
  26. <script type="text/javascript">
  27. function MouseOver(ev)
  28. {
  29.     var Xdoc, Xfen, Ydoc, Yfen, htDiv, lgDiv, dX, dY;
  30.     var Ybulle;
  31.     var el=document.getElementById("Bulle");
  32.  
  33.     //on affiche la boite de dialogue pour evaluer ses dimensions.
  34.     if (el.style.display!="inline") {el.style.display="inline";}
  35.  
  36.     //hauteur et largeur de la bulle
  37.     htDiv = el.offsetHeight;
  38.     lgDiv = el.offsetWidth;
  39.  
  40.     //delta de la bulle sous la souris
  41.     dY=10;
  42.     dX=10;
  43.  
  44.     //position de la souris :
  45.     Xfen = ev.clientX;
  46.     Xdoc = Xfen + document.body.scrollLeft;
  47.  
  48.     Yfen = ev.clientY;
  49.     Ydoc = Yfen + document.body.scrollTop;
  50.  
  51.     //position de la bulle dans la page :
  52.     if ((Xfen + lgDiv + dX) > document.body.clientWidth)
  53.         {el.style.left = document.body.clientWidth + document.body.scrollLeft - lgDiv;}
  54.     else
  55.         {el.style.left = Xdoc + dX;}
  56.  
  57.     if ((Yfen + htDiv + dY) > document.body.clientHeight)
  58.     {    Ybulle = document.body.clientHeight + document.body.scrollTop - htDiv-5;
  59.         if (parseInt(Ybulle)>parseInt(Ydoc))
  60.         {    el.style.top = Ybulle;}
  61.         else
  62.         {    el.style.top = Ydoc - htDiv-dY;}
  63.     }
  64.     else
  65.     {    el.style.top = Ydoc + dY-5;}
  66.    
  67.     //contenu de la bulle :
  68.     el.innerHTML = " Xdoc= "+Xdoc+" px ; Ydoc= "+Ydoc+" px<br>";
  69.     el.innerHTML+= " Xfen= "+Xfen+" px ; Yfen= "+Yfen+" px";
  70. }
  71.  
  72. function MouseOut()
  73. {    //on cache la bulle
  74.     document.getElementById("Bulle").style.display = "none";}
  75. </script>
  76.  
  77. <div class="clBulle" id="Bulle">Mon info-bulle</div>
  78.  
  79. <div class="mesDiv monStyle1" onmousemove="MouseOver(event)" onmouseout="MouseOut()">
  80. ici l&#65533;info bulle se déplace avec la souris lorsque vous survolez ce paragraphe... <br>
  81. Déplacer l&#65533;ascenseur horizontal et repositionnez la souris sur le paragraphe. Lisez Xdoc et Xfen.... ;-)
  82. </div>
  83. <br>
  84. <div class="mesDiv monStyle2" onmouseover="MouseOver(event)" onmouseout="MouseOut()">
  85. par contre ici, l&#65533;info-bulle apparaît et reste fixe jusqu&#65533;à ce que vous sortiez du paragraphe.
  86. </div>
  87. <br>
  88. <div class="mesDiv monStyle2" onmousemove="MouseOver(event)" onmouseout="MouseOut()">
  89. ici l&#65533;info bulle se déplace avec la souris lorsque vous survolez ce paragraphe... <br>
  90. Déplacer l&#65533;ascenseur horizontal et repositionnez la souris sur le paragraphe. Lisez Xdoc et Xfen.... ;-)
  91. </div>
  92.  
  93. <? close_table(); ?>


Edité Mardi 14 novembre 2006 :18:18 par foupoudave

Edité dimanche 27 avril 2008 : 19:57 par karim10


Sujet écrit par foupoudave le dimanche 12 novembre 2006 à 19:12

[ Imprimer ] - [ Fermer la fenêtre ]