Discussion :

[kalan]

Bonjour,
Est il possible d'ajouter dynamiquement (pas de remplacer) le contenu d'un div avec un autre div ou une autre balise en javascript ?
Par ex :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="div1"> blablabla </div>
 
<div id="div2">bliblibli</div>

et en javascript de recuperer div2 pour l'inclure dans div1 ?

Merci à vous

Kal'

[Bisûnûrs]

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('div1').innerHTML += document.getElementById('div2').innerHTML

[kalan]

Meric pour ta réponse
Mais tu recopies la contenu d'un div nan ? tu le déplaces pas .. du coup il s'affiche 2 fois nan ?

[Bisûnûrs]

Tu veux récupérer juste le contenu du div2 pour le mettre dans div1 ou la balise entière div2 qui va dans div1 ?

[kalan]

en fait la balise entiere et l'inclure dans le div1 sans faire une recopie du coup

[kalan]

J'ai trouvé une solution c'est la fonction appendChild ... !
Le probleme c'est que malheursement ... avec Firefox ce code ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var target = document.getElementById("div1");
var elem = document.getElementById("div2").firstChild;
target.appendChild(elem);
alert(document.getElementById("div2").firstChild);

J'ai essayé avec une autre fonction spécial pour firefox vu la struture du DOM avec mozilla mais ca ne marche pas.

Ce qui m'étonne le plus dans l'affichage du alert dans firefox c'est le fait qu'il m'affiche : object HTMLImageElement, object HTMLMapElement, object Text, object HTMLMapElement, ...

A chaque clic il me recupere l'arborescence petit a petit (car dans le div 2 il ya une image, une def de map, un espace, une autre def de map, ...) mais ne m'affiche rien dans le div1