Discussion :

[marco67300]

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:

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>

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

mais, le onchange="envoieRequete('this.value','header');" ne marche pas.
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

[Eric Berger]

Essaie sans les guillemets

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="envoieRequete(this.value,'header');"

[FremyCompany]

Essaie sans les guillemets

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="envoieRequete(this.value,'header');"

C'est déjà une première chose, et puis de deux :

this.value==>this.options[this.selectedIndex].value

[marco67300]

j'essaye ça alors ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="envoieRequete(this.options[this.selectedIndex].value,'header');"

[Eric Berger]

Juste

[marco67300]

YES !

Vous êtes trop genials les mecs !
ça roule
Merci beaucoup

[FremyCompany]

De rien !