Creation de div via javascript
rudak
Messages postés
590
Date d'inscription
Statut
Membre
Dernière intervention
-
rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention -
rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Creation de div via javascript
- Creation de site web - Guide
- Creation de compte google - Guide
- Creation compte gmail - Guide
- Media creation tool - Télécharger - Systèmes d'exploitation
- Creation compte vinted - Guide
4 réponses
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
la dedans ca marche :
et la dedans ca marche plus
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>
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...