Affichage d'une sorte d'info bulle ?

Affichage d'une sorte d'info bulle ? - HTML/CSS - Programmation

Marsh Posté le 29-04-2004 à 09:59:06    

Bonjour j'ai un petit soucis, j'ai une liste deroulante qui me sert a selectionner un groupe lorsque je selectionne un groupe le div associé s'affiche ex : je selectionne le groupe 1 et zou j'ai le contenu du groupe qui s'affiche en dessous, si je selectionne le 2eme groupe le premiers s'efface et le second prend sa place. Mon probleme est que je voudrais avoir une sorte d'infobulle c'est a dire afficher le div seulement si je suis a une position données.
 
Je ne sais pas trop comment faire.
 
Merci d'avance  
 
Voici mon code :
 

Code :
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. <script language="javascript">function CHOIX()
  5. {
  6. var TYPEA=document.MainForm.GRPAPPS.length;
  7. var ENVOIA=document.MainForm.CHOIXGRP.value;
  8. if (ENVOIA!="" )
  9. { 
  10. document.getElementById(ENVOIA).style.display='none';
  11. }
  12. ENVOIA="";
  13. for(i=0; i<TYPEA; i++)
  14.   {
  15.     if (document.MainForm.GRPAPPS.options[i].selected ==true)
  16.       {
  17.   VAL=document.MainForm.GRPAPPS.options[i].text;
  18.    
  19.  ENVOIA=ENVOIA+VAL;
  20.       }
  21.   }
  22.   document.getElementById(VAL).style.display="";
  23.   document.MainForm.CHOIXGRP.value=ENVOIA;
  24. }</script>
  25. </head>
  27. <body>
  28. <form action="" name="MainForm">
  32. <select name="GRPAPPS" onchange="CHOIX();return false;" multiple="1">
  33.     <option value="GRP1">GROUPE 1</option>
  34.     <option value="GRP2">GROUPE 2</option>
  35. </select>
  38. <div id="GROUPE 1" style="display:none"><table border="0" class="clSAYS"><tr><td align="center"><b>GROUPE 1</b><hr size="1"></td></tr><tr><td>FOOTBALL</td></tr><tr><td>TENNIS</td></tr><tr><td>BADMIDMINGTON</td></tr><tr><td>PING-PONG</td></tr><tr><td>BASKET</td></tr></table></div>
  39. <br>
  40. <div id="GROUPE 2" style="display:none"><table border="0" class="clSAYS"><tr><td align="center"><b>GROUPE 2</b><hr size="1"></td></tr><tr><td>BRODERIE</td></tr><tr><td>POINT DE CROIX</td></tr><tr><td>JARDINERIE</td></tr></table></div>
  41. <input type="hidden" name="CHOIXGRP" value="GROUPE 1">
  42. </form>
  43. </body>
  44. </html>

Reply

Marsh Posté le 29-04-2004 à 09:59:06   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed