Discussion :

[Zineb1987_UNI]

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

Code :

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

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

il m'affiche l'erreur :

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

??

et Merci

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

[Zineb1987_UNI]

non sourceHTML est un objet Document, alors le probléme ne vient pas de ca !

[SpaceFrog]

reste targeet ....

[Zineb1987_UNI]

targeet c'est un object HTMLDivElement

[SpaceFrog]

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

[Zineb1987_UNI]

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 :

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

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);
        }

[yann0807]

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

[Zineb1987_UNI]

voila la sourceHTML comment il est declarée :

Code :

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

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);

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

[Zineb1987_UNI]

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

Code :

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

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

toutes les variables sont correctes et bien affectes

[SpaceFrog]

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

Code :

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

alert (NewNode)

suivi d'un

Code :

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

alert (sourceHTML.getElementById(idSuivant))

au moisn il devrait te retourner undefined sur l'un des deux ...

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

[SpaceFrog]

à toi de trouver ce qui diffère ...
tu veux dire un ajout à la suite de l'ajout ?
il en trouverait pas le idsuivant ?

[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 :

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

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.