Discussion :

[tuxmat]

Bonjour,
J'ai un petit souci avec 2 JSP. L'une sert a ajouter un objet et l'autre sert a le modifier. Lors de l'ajout, on choisit une catégorie pour cet objet (sur 3 niveaux, par exemple : sculpture -> animal -> loup) donc des listes déroulantes apparaissent au fur et a mesure de nos choix de catégories peres.

Le code suivant correspond a l'ajout :

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
<tr>
            <td valign="top"><div class="admin_ajout_ligne" ><label for="rechercheRubrique" id="rechercheRubriqueLbl"><%=CatalogueBundle.getMessage("rechercheRubrique", "catalogue", localeCourant)%></label></div></td>
            <td><div class="admin_ajout_ligned_noinput" ><select name="listeDeroulanteRecherche1" id="listeDeroulanteRecherche1" value="<%=si.getRechercheTitre()%>" onchange="getSousRubriquesAdmin(document.getElementById('listeDeroulanteRecherche1'),document.getElementById('niveau2'),1,'oui')">
                        <option value=""><%=CatalogueBundle.getMessage("rechercheSelectionner", "catalogue", localeCourant)%></option>   
                        <%
                        List<AbstractCategorie> listeRubrique = RubriquePeer.loadAll();
                        for (int i = 0; i < listeRubrique.size(); i++) {
                        String rubrique = listeRubrique.get(i).getId();
                        %>
                        <option value="<%=rubrique%>"><%=listeRubrique.get(i).getNom()%></option>
                        <%
                        }
                        %>
                </select></div>
                <div id="niveau2"> </div>
        </td></tr>

La méthode getSousRubriquesAdmin est en Ajax et permet de retrouver les catégories fils.

Maintenant, lors d'une modification de cet objet, je souhaiterais faire réapparaitre les listes déroulantes correspondants a mes choix initiaux (par exemple : ossements -> figurine ou sculpture ou sculpture -> divers -> patrimoine suivant le nombre de catégories enfants choisis) mais je ne vois pas du tout comment m'y prendre et je ne pense pas pouvoir réutiliser mes méthodes ajax !!

Merci d'avance pour votre aide !!!

[tuxmat]

Je mets également mes méthodes AJAX :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
function getSousRubriques(pere,fils,niveauPere,userAuthentifie)
    {   
      if (niveauPere<3 || userAuthentifie=="oui")
      {
 
        var index = pere.selectedIndex;
        var valeur = pere.options[index].value
 
        var url = 'RemplirSousRubriques?listeSelect=' + valeur;
 
        if (window.ActiveXObject)
        {
            httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if (window.XMLHttpRequest)
        {
            httpRequest = new XMLHttpRequest();
        }
 
        httpRequest.open("GET", url, true);
        httpRequest.onreadystatechange = function() {processRequestSousRubriques(fils,niveauPere,userAuthentifie); } ;
        httpRequest.send(null);
      }  
   }
 
    function processRequestSousRubriques(objet,niveauPere,userAuthentifie)
    {
 
        if (httpRequest.readyState == 4)
        {
            if(httpRequest.status == 200)
            {   
 
                //la variable contient le xml retourner par le servlet
                var profileXML = httpRequest.responseText;
 
 
                //on met a jour le html
                updateHTMLSousRubriques(profileXML,objet,niveauPere,userAuthentifie);
 
            }
            else
            {
                alert("Erreur  \n"+ httpRequest.status +":"+ httpRequest.statusText);
            }
        }
    }
 
 
    function updateHTMLSousRubriques(profileXML,objet,niveauPere,userAuthentifie)
    {
 
 
        objet.innerHTML="";
 
        var profileBody = profileXML;
        var valeurs = new Array();
        var val;
 
        var texteAInclure;
 
        valeurs = profileBody.split("|");
        if (valeurs[0]!="")
        {
 
        var selectbox = document.createElement("SELECT");
 
        var niveau = niveauPere+1;
        selectbox.id="listeDeroulanteRecherche"+niveau;
 
        var nouveauDiv = document.createElement("DIV");
        nouveauDiv.id="niveau"+(niveau+1);
 
        selectbox.onchange= "getSousRubriques("+selectbox.id+",document.getElementById('"+nouveauDiv.id+"'),"+niveau+",'"+userAuthentifie+"');valeursRubriquesMAJ(this.value,"+niveau+");";
 
        //Ajout du début du select
        texteAInclure="<select id=\""+selectbox.id+"\" onchange=\""+selectbox.onchange+"\">";
 
        //Ajout d'une ligne car la sélection ne se fait pas si il n'y a qu'une seule valeur
        texteAInclure+="<option value=\"vide\">"+"---S&eacute;lectionner---"+"</option>";
 
 
        for (var i=0; i < (valeurs.length-1);i++){
 
            val = valeurs[i].split("-");
 
            texteAInclure+="<option value=\""+val[1]+"\">"+val[0]+"</option>";
 
        }
 
        texteAInclure+="</select>";
        objet.innerHTML=texteAInclure;
 
        objet.appendChild(nouveauDiv);
 
        }
 
    }