Ajouter une span dans une div avec le DOM [Résolu]

[beegees]

Bonjour à tous,

J'ai une div qui se nomme "pathologie".

Dans cette div, il y a un autre élément dont l'id est supra1.

Je voudrais insérer avec supra1 une image.

Pour cela, j'ai créé deux span avec le DOM :

Code :

1
2
3
4
5
6
 
var spanEdit = document.createElement('span');
		spanEdit.innerHTML = "<img src='images/edit-icon.png'/>";
 
		var spanDelete = document.createElement('span');
		spanDelete.innerHTML = "<img src='images/Sign-Error-icon.png'/>";

je les insère :

Code :

1
2
 
document.getElementById('pathologie').insertBefore(spanDelete,'supra'+z);		document.getElementById('pathologie').insertBefore(spanEdit,'supra'+z);

et j'obtiens ce message d'erreur :

uncaught exception: [Exception... "Could not convert JavaScript argument arg 1 [nsIDOMHTMLDivElement.insertBefore]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://localhost:8888/ :: save_pathology :: line 33" data: no]

line 33 est la suivante :

Code :

document.getElementById('pathologie').insertBefore(spanDelete,'supra'+z);

Auriez-vous une idée svp ?

Merci d'avance.

beegees

[NoSmoking]

Bonjour,
il faut utiliser les créations et insertions DOM jusqu'au bout.

Code :

1
2
3
4
5
var oImage_1, oImage_2;
oImage_1 = document.createElement('IMG');
oImage_2 = document.createElement('IMG');
oImage1.src = 'nom_fichier_1.png';
oImage2.src = 'nom_fichier_2.png';

et pour l'insertion il faut passer des références aux éléments et non des ID

Code :

1
2
3
var oDest  = document.getElementById('pathologie');
var oNoeud = document.getElementById('supra'+z);
oDest.insertBefore( oImage_1, oNoeud);

[beegees]

Bonjour,

Un tout grand merci pour ta réponse.

J'ai pu résoudre mon problème grâce à toi.

Bon W.E.
beegees