Bonjour,

Le code suivant fonctionne très bien sur une page "basique" hors OpenElement et je l'ai donc modifié pour prendre en compte la liste déroulante qui est sur la page.

Ce code a été ajouté en End Body - en javascript sur la page OpenElement.

    var listepays = document.querySelector('*[id^="WE7572973d2e"]');
   
                     
    function Get_Pays() {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = () => {
            //    La transaction est terminée ?
            if(xmlhttp.readyState == 4) {
            //    Si la transaction est un succès
                if(xmlhttp.status == 200) {
                // On traite les données reçues
                    let donnees = JSON.parse(xmlhttp.responseText);
                    // On boucle sur les données de la requête "Pays"
                    Object.entries(donnees.pays).forEach(country =>
                        {
                        var Nation0   = country[1].Nation;
                      

                        var OptionPays  = new Option(Nation0,Nation0);
                       

                        listepays.options[listepays.options.length] = OptionPays; })
                    }   
                }       
            }
            var Urlfichier = ".............db/ListePays.php";
            xmlhttp.open("GET", Urlfichier);
            xmlhttp.send(null);
            }
                       
Le même code crée donc les options dans la liste déroulante à partir de ma requête SQL (exécutée dans ListePays.php)  dans la page simple mais ne les crée pas dans la page OpenElement.

Je recherche donc une petite aide pour tenter de résoudre ce petit problème.

Avec tous mes remerciements

Cordialement

Jmd

Bonjour

Le problème est bien situé sur la ligne :

La donnée est bien présente avec la "value" et l'Id mais je n'arrive pas à l'ajouter dans la liste déroulante.

Quand je commente la ligne, je retrouve bien les données "pays".

Jmd

Oui, j'ai vérifié l'Id de la liste déroulante et c'est le bon.

J'y ai ajouté manuellement une première option et si j'en ajoute une autre, on est bien dans le cas d'une liste déroulante.

Voici les lignes de code créées par OE.

J'ai changé la ligne en :

listepays.innerHTML += '<option value = "'+ Nation0 +'">' + Nation0 + '</option>';

puis en

 <option value= "'+ Nation0 + '" class="OESZ OESZ_Options OESZG_WE18a6e3b276" selected="selected">Nation0</option>

Les options s'affichent bien  à la suite de la première  mais sans fond dans une listbox pour la première modification.

Pour la seconde, les options s'affichent également bien à la suite mais dans une listbox à fond blanc.

Bonjour

Merci pour le proposition.

Entre temps, je me suis réorienté vers la méthode que j'avais utilisée il y a quelques semaines : reprendre le fichier créé par OE  dans un autre éditeur et le modifier avec les éléments qui fonctionnent hors OE.

Je commente le div qui me pose problème et je glisse mes lignes de code en lieu et place de celui créé grâce à OE et le tour est joué. Par contre, je ne peux plus reprendre le fichier sous OE sous peine de voir annuler tout mon travail. Je garde donc en copie les deux fichiers d'origine : la page créée sous OE et la page créée hors OE, au cas où.

OE est un formidable outil mais, à mon sens, pas assez souple pour travailler avec des requêtes dans les bases de données, ou, et c'est une autre hypothèse, je n'ai pas totalement exploré ses possibilités pour la gestion de bases de données.

Je ne sais pas si c'est possible mais il pourrait intéressant d'avoir la possibilité d'inclure du code dans à l'intérieur de n'importe quel ligne de code, comme je l'ai fait "par bricolage".

Cordialement

Jmd