Comment placer un élément après un autre ?

Bonjour,

Soit un menu dans une <div id="menu" > et des options dans ce menu à l'aide de balises <a>.

Je souhaite ajouter en Javascript, avec ou sans JQuery, avec ou sans Ajax, une option supplémentaire à la fin du menu, donc à l'intérieur de la div et après ceci :

Code:

---

1 2 3 4

<a class="menuTop" href="javascript:afficherMenuParams()"> Paramètres <img src="images/faq/down.png"> </a>

---

Quel moyen ou méthode me conseillez-vous pour le faire ?

Bonjour,

Ceci répond-il à ta demande ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div id="mon_elt" style="display:none"> <a class="menuTop" href="javascript:afficherMenuParams()"> Paramètres <img src="images/faq/down.png"> </a> </div>   var elt = $("#mon_elt");   $("#menu").append(elt.html());

---

Cordialement.

Oui ça m'a aidé merci.

Code:

---

1 2 3 4 5 6 7

if($("#menuTOPplus").length == 0) { var lien = '<span class="menuSeparator">|</span>'; lien = lien + '<a id="menuTOPplus" class="menuTOP" href="javascript:masquerTousCommentaires()" > Masquer tout </a>'; $("#menu").append(lien);   }

---

Tu utilises Jquery...

Code:

---

1 2 3 4 5 6 7

var monspan = $('<span/>').addClass("menuSeparator"); var monline = $('<a/>').addClass('menuTop') .attr('id',"menuTOPplus") .html('Masquer tout') .click(masquerTousCommentaires); $("#menu").append(monspan).append(monlien);

---