Creation de div via javascript
Bonjour, je souhaite créer des div via une fonction javascript
voila mon ptit code :
la div crée se place a la suite mais je voudrai qu'elle se place en premiere position a chaque fois
jai simplifié le code a mort pour l'explication
en réalité je souhaite faire une sorte de tout ptit forum qui enverra le contenu via ajax et qui sera ensuite récupéré et affiché...la partie ajax c'est bon mais il me manque ce ptit détail qui permet de placer la div en premiere position et non en derniere..?
merci a vous
voila mon ptit code :
function new_div()
{
maDiv = document.createElement("div");
maDiv.id = 'id_de_la_div';
maDiv.className = 'nouvelle';
maDiv.innerHTML = document.getElementById('zonetxt').value;
document.getElementById("cadre").appendChild(maDiv);
}
</script>
</head>
<body>
<img src="../imgs/boutons/bouton_bleu.gif" alt="" width="50" onclick="new_div()" />
<label>
<textarea name="zonetxt" id="zonetxt" cols="45" rows="5"></textarea>
</label>
<div id="cadre" style="border:2px dotted #06C; width:350px; margin:auto; background:#999;"></div>
</body>
la div crée se place a la suite mais je voudrai qu'elle se place en premiere position a chaque fois
jai simplifié le code a mort pour l'explication
en réalité je souhaite faire une sorte de tout ptit forum qui enverra le contenu via ajax et qui sera ensuite récupéré et affiché...la partie ajax c'est bon mais il me manque ce ptit détail qui permet de placer la div en premiere position et non en derniere..?
merci a vous
4 réponses
-
first = document.getElementById("cadrechat").firstChild; maDiv = document.createElement("div"); maDiv.id = 'id_de_la_div'; maDiv.className = 'divReponse'; maDiv.innerHTML = "blablabla" var cadre=document.getElementById("cadrechat"); cadre.insertBefore(maDiv, first );
bon jai réussi en faisant comme ca... -
jai réussi a mettre ca en pratique et ca fonctionne tres bien a vide
mais des que j'essaie avec d'autres div crees dynamiquement via php ca bug// Recupération du Noeud "position" grace a un script trouvé tel quel sur internet // surement celui ci a modifier d'ailleurs ..? var noeud= document.getElementById("cadrechat"); var listenoeud= noeud.getElementsByTagName("div"); var position = listenoeud.item(1); maDiv = document.createElement("div"); maDiv.id = 'id_de_la_div'; maDiv.className = 'divReponse'; maDiv.innerHTML = "contenu des div"; var cadre=document.getElementById("cadrechat"); cadre.insertBefore(maDiv, position );
la dedans ca marche :<div id='cadrechat'> <div></div> </div>
et la dedans ca marche plus<div id='cadrechat'><?php echo $liste_div_de_la_base; ?> <div></div> </div> -
merci patron
-
http://fr.selfhtml.org/javascript/objets/node.htm#insert_before
