insertBefore un element

Version imprimable

25/09/2009, 18h19
Zineb1987_UNI

insertBefore un element

Salut tous le monde
j'insere un element html avant un autre par :

Code:

targeet.insertBefore(newNode, sourceHTML.getElementById(idSuivant));

il m'affiche l'erreur :

Citation:

Erreur*: uncaught exception: [Exception... "Node was not found" code: "8" nsresult: "0x80530008 (NS_ERROR_DOM_NOT_FOUND_ERR)" location: "....

??

et Merci
25/09/2009, 19h00
Bovino

Salut,
Je ne sais pas ce que représente la variable sourceHTML, mais une chose est sure, getElementById est une méthode uniquement de l'objet document, donc si sourceHTML n'est pas l'objet document, ton erreur est là.
28/09/2009, 10h42
Zineb1987_UNI

non sourceHTML est un objet Document, alors le probléme ne vient pas de ca !
28/09/2009, 10h45
SpaceFrog

reste targeet ....
28/09/2009, 11h00
Zineb1987_UNI

targeet c'est un object HTMLDivElement
28/09/2009, 11h02
SpaceFrog

on avance à tatons ...
ce serait tellement plus facile avec le code ou un extrait ...

ce que je vient de faire c'est mettre à jour le document initial sourceHTML par les modification du document courant c-a-d dire quand j'insere un element dans le document je le recupere ainsi que son element suivant puis je cree un nouveau element et je l'insere dans la sourceHTML dans la meme position on se basant sur l'element suivant.
voila un extrait de mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
// ici je recupere l'id de mon element glissé (mesIds[y]) puis son element suivant 
var idSuivant;
        for(var y = 0; y < mesIds.length; y++)
        {
        	if(mesIds[y] == id) 
        	{
        		idSuivant = mesIds[y+1];
        		alert("mon id element  "+mesIds[y]+ " et l'element suivant  "+idSuivant);
        	}	
        }
// je cree un nouveau element 
var newNode = sourceHTML.createElement("div");
        newNode.setAttribute('id', id);
        newNode.setAttribute('class', classe);
//son insertion
 if(idSuivant) 
        {
        	targeet.insertBefore(newNode, sourceHTML.getElementById(idSuivant));
        } else {
        	targeet.appendChild(newNode);
        }

28/09/2009, 12h19
yann0807

J'ai du mal à comprendre le coup du sourceHTML. D'où vient-il ou est-il déclaré?

voila la sourceHTML comment il est declarée :

Code:

1
2
3
4
5
6
7
8
9
 
var doctype = document.implementation.createDocumentType("html",
                    "-//W3C//DTD XHTML 1.0 Transitional//EN",
                    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd");
sourceHTML = document.implementation.createDocument("http://www.w3.org/1999/xhtml",
                        "html", doctype);
//est voila le remplissage initial
var importedNode = sourceHTML.importNode(document.getElementById("frontBody"), true);
            monBody.appendChild(importedNode);

28/09/2009, 13h27
yann0807

Bon de toute façon vu le code erreur c'est qu'il y a un noeud qui pose problème. Moi ce que je te propose: si utilises firefox, prend le module firebug et regarde a peu près si tout tes noeuds sont bien là. Teste tes variables afin de voir s'il y en a pas une qui poserait problème. C'est sûr qu'à vue de nez (n'étant pas un grand spécialiste du dom) je ne vois pas de problème. Je n'ai jamais crée un document de cette manière donc est ce que c'est ça le problème, va savoir. Je vais rejeter un coup d'œil au code. En espérant qu'un connaisseur détecte le problème.
29/09/2009, 10h26
Zineb1987_UNI

Salut
j'ai fait des console.log pour toutes les variables utiliser dans l'instruction :

Code:

targeet.insertBefore(newNode, sourceHTML.getElementById(idSuivant));

toutes les variables sont correctes et bien affectes :(
29/09/2009, 10h34
SpaceFrog

il serait interessant de reduire le scope du Node recherché ...
mets un

Code:

alert (NewNode)

suivi d'un

Code:

alert (sourceHTML.getElementById(idSuivant))

au moisn il devrait te retourner undefined sur l'un des deux ...
29/09/2009, 10h48
Zineb1987_UNI

il les affiches toutes les deux(newNode et sourceHTML.getElementById(idSuivant)), :(
le probléme c'est que dans la premiére modification (c-à-d ajout d'un element dans le document)marche bien et cette erreur il ne l'affiche que dans un deuxième temps.
29/09/2009, 11h02
SpaceFrog

à toi de trouver ce qui diffère ...
tu veux dire un ajout à la suite de l'ajout ?
il en trouverait pas le idsuivant ?
29/09/2009, 11h08
Zineb1987_UNI
l'ajout se fait par le drag and drop, le 1er ajout marche bien, et pour l'idSuivant sa pose pas de probléme puisque j'ai déja fait ce test :
Code:

1 2 3 4 5 6 if(idSuivant) { targeet.insertBefore(newNode, sourceHTML.getElementById(idSuivant)); } else { targeet.appendChild(newNode); }
alors dans le cas ou le suivant est null il fait le appendChild sans probléme.