Votre question

affichage du résultat d'une liste déroulante

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
8 Octobre 2011 16:10:50

Bonjour,

je souhaiterais créer une liste déroulante et lorsqu'on fait un choix dans cette liste, la résultat correspondant (page html) s'ouvre dans la même page en dessous de la liste dans la balise <div> que j'ai créé et appelé 'dateContenu' mais je n'y arrive pas.
Le résultat s'ouvre à la place de la page actuelle.
Est-ce que vous qq'un aurait une solution, svp ?

Voici mon code :
  1. <body>
  2. <div id="haut" align="center">
  3. <img src="images/bandeau.png">
  4. <TABLE width="100%" border="0">
  5. <tr>
  6. <td width="50%" align="center">
  7. <table>
  8. <tr>
  9. <td align="center">
  10. <select name="choix" onchange="document.location.href=this.value;">
  11. <option value="">Choisissez une option</option>
  12. <option value="2512.html">Ajouter</option>
  13. <option value="vide.html">Modifier</option>
  14. <option value="test.html">Supprimer</option>
  15. </select>
  16. </td>
  17. </tr>
  18. <tr>
  19. <td>
  20. <div id="dateContenu" align="center">test</div>
  21. </td>
  22. </tr>
  23. </table>
  24. </TD>
  25. </TR>
  26. </table>
  27. </div>
  28.  
  29.  
  30. </body>

Autres pages sur : affichage resultat liste deroulante

a c 232 L Programmation
8 Octobre 2011 16:12:45

Salut,

Si tu veux que ça s'ouvre dans la même page en dessous, il va falloir passer par un peu d'XMLHttpRequest pour récupérer le contenu de la page et l'afficher dans ta vie.
En faisant un location.href= tu vas changer la page actuelle.

Edit: et pour avoir la valeur sélectionnée actuelle, c'est this.options[this.selectedIndex].value
8 Octobre 2011 16:22:18

OmaR a dit :
Salut,

Si tu veux que ça s'ouvre dans la même page en dessous, il va falloir passer par un peu d'XMLHttpRequest pour récupérer le contenu de la page et l'afficher dans ta vie.
En faisant un location.href= tu vas changer la page actuelle.

Edit: et pour avoir la valeur sélectionnée actuelle, c'est this.options[this.selectedIndex].value


peux-tu me dire où je dois mettre le code dont tu parles, stp ?
Contenus similaires
a c 232 L Programmation
8 Octobre 2011 19:22:02

J'ai vu après que le this.value fonctionne quand même, il ne me semblait pas.
Bref, il faut que tu utilises du XMLHttpRequest.
Un petit coup de moteur de recherche t'indiquera comment l'utiliser
9 Octobre 2011 22:54:40

Tu pourrais utiliser des cadres(frames) en séparant ton interface en 2 , un cadre en haut l'autre en bas. les cadres sont très mal vus par les développeurs mais vu la portée du projet cela peut convenir.

Celui du haut commanderait le contenu de celui du bas en lançant un événement Javascript de ce genre sur ta liste déroulante:

onchange="document.getElementById('framedubas').location.replace = this.value;"

@+
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