Discussion :

[Grichka29]

Bonjour,

J'ai un petit souci avec mon script.

Lorsque je sélectionne une valeur dans la liste déroulante, un "onchange" doit m'afficher le résultat en dessous dans un textarea via mon javascript.

Seulement rien ne se passe. Au debugeur (firebug), le script apparait bien dans ma page. J'ai mis un point d'arret au début du script mais la fonctionne ne semble pas réagir au onchange... J'ai également essayé avec un onclick (que j'ai effacé, normal qu'il n'apparaisse pas dans le code) sur le button en fin de page, mais même résultat, aucune réaction du script dans le debug...

Voici mon javascript :

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
var requete;
function valider(){
    var pays = document.getElementById("pays");
    var duree = document.getElementById("duree");
    var url = "ResultatInterro?duree=" + escape(duree.value) + "&pays=" + escape(pays.value);
    if (window.XMLHttpRequest){
        requete = new XMLHttpRequest();
    }
    else if (window.ActiveXObject){
        requete = new ActiveXObject("Microsoft.XMLHTTP");
    }
    requete.onreadystatechange = majIHMtxt;
    requete.open("GET", url, true);
    requete.send(null);
}
 
function majIHMtxt(){
    if (requete.readyState == 4){
        if (requete.status == 200){
            incrustation = document.getElementById("corps");
            incrustation.innerHTML = requete.responseText;
        }
    }
}

Le .jsp "Interro.jsp" dans lequel il y a la liste déroulante (avec onchange ligne 51)

Code html :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<%@page import="java.util.Vector" %>
<%@page import="modele.Pays" %>
<%@page import="modele.Region" %>
<%@page import="modele.Duree" %>
 
<script type="text/javascript" src="Js/TitreAjax.js" ></script>
        <article>
        <h1 id="titre">- <em>Consultation des titres</em> -</h1>
        <form method="get" action="">
          <p>
            <label id="lp" for="pays">Sélectionnez un pays :</label>
            <%  Vector<Pays> listePays = ( Vector<Pays> )session.getAttribute("listePays"); 
            out.println("<select name=\"pays\" id=\"pays\">");
            out.print( " <option value=\"0\">Choisissez un pays</option>");
            for( Pays p : listePays ){
                out.print( " <option value=\""+ p.getPays_nom() +"\" >" + p.getPays_nom() + "</option>" );
            }
            out.println("</select>");%>
          </p>
          <p>
            <label id="lp" for="regions">Sélectionnez une région :</label>
            <%  Vector<Region> listeRegions = ( Vector<Region> )session.getAttribute("listeRegions"); 
            out.println("<select name=\"regions\" id=\"regions\">");
            out.print( " <option value=\"0\">Choisissez une région</option>");
            for( Region r : listeRegions ){
                out.print( " <option value=\""+ r.getReg_nom() +"\" >" + r.getReg_nom() + "</option>" );
            }
            out.println("</select>");%>
          </p>
          <p>
            <label id="lp" for="Duree">Sélectionnez une durée minimale :</label>
            <%  Vector<Duree> listeDuree = ( Vector<Duree> )session.getAttribute("listeDuree"); 
            out.println("<select name=\"duree\" id=\"duree\" onchange=\"valider()\">");
            out.print( "<option value=\"0\">Durée</option>");
            for( Duree d : listeDuree ){
                out.print( " <option value=\""+ d.getTit_duree() +"\" >" + d.getTit_duree() + " minutes" + "</option>" );
            }
            out.println("</select>");%>
          </p>
          <p id="button">
            <input type="button" value="Valider" id="valider">
          </p>
        </form>

Voyez-vous le souci ?
Merci d'avance pour votre aide !

[M4arm]

T'as essayé avec des cotes/cottes/cot (je ne sais pas exactement comment ça s'écrit mais ça ressemble à ça : ' ) au lieu des guillemets?

[Grichka29]

Je vais essayer mais normalement c'est bien des doubles côtes !

[Bovino]

Simples ou doubles quotes, ça ne change rien.

Déjà, merci de lire Important : Les règles incontournables d'utilisation de ce forum : le code serveur ne nous intéresse pas, c'est le code HTML généré dans le navigateur qui est important !

[Grichka29]

Désolé pour le code ! Je saurai la prochaine fois !

Pour mon souci, il est résolu ! C'était bien les doubles quotes ! J'ai mis de simple quotes et ça marche ! Plutôt bizarre...

Merci M4arm en tous cas, j'ai passé une bonne partie de l'après-midi d'hier à chercher et j'aurai surement passé la matiné encore !!

[Bovino]

Dans ce cas, c'est que tu avais un problème d'échappement quelque part, ce que précisément, l'inspection du code HTML généré aurait pu détecter immédiatement.

[Grichka29]

Après test, il apparait en effet que les doubles quotes ou simples quotes ne change rien. L'erreur viendrait d'un conflit entre le nommage de ma fonction valider() et de l'id de mon <input type="button"> qui était "valider".

En gros ça sa passe pas :

Code html :

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

<input type="button" value="Valider" id="valider" onclick="valider()">

Mais ça sa passe :

Code html :

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

<input type="button" value="Valider" id="envoi" onclick="valider()">

Donc avoir une fonction () qui s'appelle pareil qu'un id crée un conflit ?

Merci pour vos aides !