Discussion :

[Soundboy39]

Bonjour à toutes et tous !

Voilà j'ai un soucis avec Mootools et la methode "inject()". Je dois remplacer un "<select>" par un autre
"<select>" récupéré via Ajax. Les 2 éléments sont identiques mis à part la liste des "<option>".

Faute de pouvoir remplacer un élément par un autre, je détruit d'abord le premier sélecteur avec "destroy()",
puis j'insère le 2ème avec "inject()". Mon élément est bien insérer mais je me retrouve avec un sélecteur vide,
les "<option>" disparaissent.

Voici un lien pour voir le code JS et le HTML à insérer : http://jsfiddle.net/LP36H/

Qui peut me dire d'où vient le problème ?? Ou une autre solus' pour remplacer l’élément ??

Merci d'avance pour votre aide et bonne fin de semaine.

[NoSmoking]

Bonjour,
tu gagnerais à utiliser la méthode replaces()

Comment remplacer un élément HTML par un autre ?

[Soundboy39]

Merci pour la réponse NoSmoking, est désolé pour le retour tardif...

Malheureusement j'avias déjà essayé "replaces" et ça ne fonctionne pas.

Si je fais responseText.replaces($('jform_city')); rien ne se passe et j'ai le message d'erreur suivant :

TypeError: responseText.replaces is not a function

Pourtant "responseText" correspond bien à un élément HTML, si je fais un alert() de cette variable le nav affiche ceci :

Code html :

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

1
2
3
4
5
6
7
<select id="jform_city" class="inputbox" name="jform[city]" value="">
<option value="39001">ABERGEMENT-LA-RONCE</option>
<option value="39099">CHAMPDIVERS</option>
<option value="39189">DAMPARIS</option>
<option value="39338">MOLAY</option>
<option value="39526">TAVAUX</option>
</select>

Désolé si je joue un peu le boulet mais je suis habitué à la simplicité de jQuery et là je veux me contenter de Mootools car je ne veux pas intégrer plusieurs librairies.

[NoSmoking]

Tu ne peux pas faire responseText.replaces car responseText est une chaine de caractères en non un Element Mootools.

Tu peux essayer de mettre un conteneur à ton SELECT et de modifier le html de celui ci

Code :

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

$('id_conteneur').set('html', responseText);

Tu peux également voir du coté de new Request.HTML.

[Soundboy39]

Super ça fonctionne !

Merci à toi NoSmoking, et bonne journée !!

Mickael