Creation de div via javascript

Fermé

rudak Messages postés 587 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 - 10 mars 2010 à 16:04
rudak Messages postés 587 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 - 11 mars 2010 à 15:29

Bonjour, je souhaite créer des div via une fonction javascript

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 compte gmail - Guide
Création organigramme - Guide
Media creation tool - Télécharger - Systèmes d'exploitation
Création compte google - Guide
Telecharger javascript - Télécharger - Langages

4 réponses

Réponse 1 / 4

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
10 mars 2010 à 17:32

http://fr.selfhtml.org/javascript/objets/node.htm#insert_before

Réponse 2 / 4

rudak Messages postés 587 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
10 mars 2010 à 19:19

merci patron

Réponse 3 / 4

rudak Messages postés 587 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 mars 2010 à 13:50

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>

Réponse 4 / 4

rudak Messages postés 587 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
11 mars 2010 à 15:29

                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...

Newsletters