Discussion :

[Thébé]

J'ai une page JSP dans laquelle il y a un select (liste déroulante). Lorsqu'une catégorie est sélectionnée, les boutons modifier et supprimer s'activent et un javascript est appelé.

Ce javascript vient ajouter un select ainsi que les trois boutons habituels (A/M/S) en créant les balises dans une variable string qui est placée comme contenu de la div ainsi : laDivEnQuestion.innerHtml = contenu;

Tout va bien, le tout s'affiche et réagit correctement jusqu'au moment ou je clique sur M ou S. Voici mon M(odifier).

Code :

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

1
2
3
4
5
6
7
contenu += "<input type=\"button\" value=\"Modifier\"
            id=\"modifierBP\" class=\"espacer\" disabled=\"disabled\"" +
            "style=\"background-color: #FFFFFF;\"" +
            "onclick=\"window.location=\'" + root + "/Affichage?
para=gererBonnePratique&numero=getElementById(listeBonnesP).value"
                            + "&cible=Modifier&idUsager=" + numeroUsager
                            + "\'\"/>";

J'ai mis le problème en gras. Il se trouve que lorsque mon servlet est appelé, je tente de mettre numero dans une variable int et cela me dit que getElementById(listeBonnesP).value n'est pas un int. Je comprend que la fonction n'est pas évaluée et j'ai tenté plusieurs autre méthodes (comme d'isoler l'appel de la fonction : numero=" + getElem.... + ...) mais, dans aucun cas elle ne l'est et la majorité du temps, rien ne s'affiche (je parle ici des balises) si ma correction est invalide. Je vous offre ce code puisqu'il est le résultat le plus près de la réussite que j'ai.

Contrairement à mon prédécesseur je préfèrerais utiliser le DOM pour ajouter mes balises mais je n'y arrive pas très bien encore. Je continu de plancher la-dessus en attendant une réponse.

Merci

[remi.gaubert]

Il ne manque pas un document devant le getElementById ?
Et je pense qu'il y a des problèmes de cotes :

Code :

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

1
2
3
4
5
6
7
contenu += "<input type=\"button\" value=\"Modifier\"
            id=\"modifierBP\" class=\"espacer\" disabled=\"disabled\"" +
            "style=\"background-color: #FFFFFF;\"" +
            "onclick=\"window.location='" + root + "/Affichage?
para=gererBonnePratique&numero='+document.getElementById(listeBonnesP).value+'"
                            + "&cible=Modifier&idUsager=" + numeroUsager
                            + "'\"/>";

[Thébé]

Oui il manquait document.
Non ce n'est toujours pas évalué.

edit
-------------------
'+document.getElementById(listeBonnesP).value+'"
Je n'avais pas tout a fait regardé ta réponse et j'ai essayé comme tu l'as écris.
Le bouton n'a pas d'action avec ce code.
-------------------

java.lang.NumberFormatException: For input string: "document.getElementById(listeBonnesP).value"

J'ai bientôt fini ma solution avec le DOM. Je prévois la poster dans 20 minutes environ si je ne tombe pas sur un bug.

[remi.gaubert]

Je pense qu'il faudrait faire un premier test pour voir quel valeur vaut ton "document.getElementById(listeBonnesP).value" avec ca :

Code :

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

1
2
3
4
contenu += "<input type=\"button\" value=\"Modifier\"
            id=\"modifierBP\" class=\"espacer\" disabled=\"disabled\"" +
            "style=\"background-color: #FFFFFF;\"" +
            "onclick=\"alert('test :' +document.getElementById(listeBonnesP).value);\"/>";

[Thébé]

Avec DOM les boutons ajouter et modifier.
Tout est parfait mais onclick ne fait rien avec ce code. J'ai essayer en remplaçant le onclick par un alert("toto"). Le alert est appelé lorsque les éléments s'affichent sur la page JSP et pas quand je clique sur le bouton.

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
// Les boutons de gestion (Ajouter/Modifier/Supprimer)
                var objAjouter = document.createElement("input");
                objAjouter.setAttribute("id", "ajouterBP");
                objAjouter.setAttribute("type", "button");
                objAjouter.setAttribute("value", "Ajouter");
                objAjouter.setAttribute("class", "espacer");
                objAjouter.setAttribute("onclick",
                        "window.location=\'" + root
                      + "/Affichage?para=gererBonnePratique&numero=0"
                      + "&cible=Ajouter&idUsager=" + numeroUsager
                      + "&categorie=" + p_numero);
 
                  var objModifier = document.createElement("input");
                objModifier.setAttribute("id", "modifierBP");
                objModifier.setAttribute("type", "button");
                objModifier.setAttribute("value", "Modifier");
                objModifier.setAttribute("class", "espacer");
                objModifier.setAttribute("disabled", "disabled");
                objModifier.setAttribute("onclick",
                        "window.location=\'" + root
                      + "/Affichage?para=gererBonnePratique&numero=" + document.getElementById('listeBonnesPratiques').value
                      + "&cible=Ajouter&idUsager=" + numeroUsager
                      + "&categorie=" + p_numero);

[ElbeDD]

Pour la solution avec le DOM:
J'avais eu problème équivalent avec :

Code :

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

1
2
3
4
5
...
	divACreer.setAttribute('id', nomId);
	divACreer.setAttribute('style','position: absolute');//KO sous IE8=> a refaire
	...//autre attribut + __.appendChild(divACreer)
	document.getElementById(nomId).style.position="absolute";//Pour IE

=> Peut être est-ce la même chose. Utilises-tu : IE ? Firefox ?,...


Pour la solution Non DOM:
Dans la solution de gobygoda, il manque les quotes pour listeBonnesP:

Code :

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

document.getElementById('listeBonnesP').value

[Sauf si listeBonnesP est une variable dans la page]
D'ailleurs, en DOM, tu l'appelles: 'listeBonnesPratiques'

De plus, pour l'appel, je passerai plus par une fonction (avec en paramètre le code action)