Bonjour a tous, j'espère que je poste dans le bon forum.
voici mon probleme:
J'essaye d'afficher l'OPTION VALUE d'un <select> dans un div
Jusqu'a maintenant, mais, ça fait trop chargé, j'utilise des <input type="button" et ça marche bien
voici mon script:
maintenant, je veux, pour supprimer tous mes boutons, simplifier la chose en creant un select du type:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 <input type="button" name="view" value="Heureux" onclick="envoieRequete('rires.php','header');"> <script language="javascript"> function envoieRequete(url,id) { var xhr_object = null; var position = id; if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); // On ouvre la requete vers la page désirée xhr_object.open("GET", url, true); xhr_object.onreadystatechange = function(){ if ( xhr_object.readyState == 4 ) { // j'affiche dans la DIV spécifiées le contenu retourné par le fichier document.getElementById(position).innerHTML = xhr_object.responseText; } } // dans le cas du get xhr_object.send(null); } </script>
mais, le onchange="envoieRequete('this.value','header');" ne marche pas.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <SELECT size="1" class="form2" onchange="envoieRequete('this.value','header');"> <OPTION VALUE="rires.php" SELECTED>Choisissez vos smileys</OPTION> <OPTION VALUE="rires.php" target="header">Rires Heureux Oeils Sauts</OPTION> <OPTION VALUE="Oui.php">Oui Non Moqueurs</OPTION> <OPTION VALUE="Anges.php">Anges Demons</OPTION> <OPTION VALUE="Musique.php">Fête Musique</OPTION> <OPTION VALUE="Confus.php">Confus Etonnés Mefiants</OPTION> <OPTION VALUE="Pleurs.php">Fatigués Pleurs tristes</OPTION> <OPTION VALUE="Colere.php">Colère Méchants Violents</OPTION> <OPTION VALUE="pan.html">panneaux</OPTION> </SELECT>
j'ai essayé aussi
onchange="envoieRequete('this.options[this.selectedIndex].value','header');"
marche pas non plus, je cale, je bloque sur ce truc depuis pas mal de temps
Faut dire que je ne connais pas grand chose en jscript.
Quelqu'un pourrait-il m'apporter ses lumières ? merci
Partager