Sujet Précédent Sujet Suivant

Creation de div via javascript

Fermé
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 - 10 mars 2010 à 16:04
rudak Messages postés 590 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:

4 réponses

Réponse 1 / 4
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
10 mars 2010 à 17:32
http://fr.selfhtml.org/javascript/objets/node.htm#insert_before
0
Réponse 2 / 4
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
10 mars 2010 à 19:19
merci patron
0
Réponse 3 / 4
rudak Messages postés 590 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>
0
Réponse 4 / 4
rudak Messages postés 590 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...
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses