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 :
- <html>
- <head>
- <title>Untitled</title>
- <script language="javascript">function CHOIX()
- {
- var TYPEA=document.MainForm.GRPAPPS.length;
- var ENVOIA=document.MainForm.CHOIXGRP.value;
- if (ENVOIA!="" )
- {
- document.getElementById(ENVOIA).style.display='none';
- }
- ENVOIA="";
- for(i=0; i<TYPEA; i++)
- {
- if (document.MainForm.GRPAPPS.options[i].selected ==true)
- {
- VAL=document.MainForm.GRPAPPS.options[i].text;
-
- ENVOIA=ENVOIA+VAL;
- }
- }
- document.getElementById(VAL).style.display="";
- document.MainForm.CHOIXGRP.value=ENVOIA;
- }</script>
- </head>
- <body>
- <form action="" name="MainForm">
- <select name="GRPAPPS" onchange="CHOIX();return false;" multiple="1">
- <option value="GRP1">GROUPE 1</option>
- <option value="GRP2">GROUPE 2</option>
- </select>
- <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>
- <br>
- <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>
- <input type="hidden" name="CHOIXGRP" value="GROUPE 1">
- </form>
- </body>
- </html>
|
