[XHTML] Insérer du code xml dans une page xhtml

Version imprimable

Bonjour à tous.
Je voudrai insérer du code xml dans une page xhtml en utilisant JavaScript et le DOM. Cette insertion se fera par l'utilisateur en cliquant sur un lien. Voici le code source que j'ai réalisé pour remplir cette fonction mais le problème est que cela ne marche pas:? Dans cette situation j'ai une page nommé test.xhtml et un fichier xml qui se nomme test.xml, celui-ci sera inséré dans la page xhtml.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function ajouter(){ var mondoc = document.createElement("div"); var monlien = document.getElementById("Lien"); var montexte = mondoc.createTextNode('<xml id="nomIdentifiant" src="test.xml" />'); monlien.insertAfter(mondoc); } </script> </head> <body> <div id="ensemble"> <a href="#" id="Lien" onclick="ajouter()">Ajouter</a> </div> </body> </html>

09/07/2008, 16h48
deejay2221

En fait, insertAfter n'existe pas.
Tu doit te créer ta propre fonction insertAfter en utilisant insertBefore

voici un lien qui pourait t'aider:
http://snipplr.com/view/2107/inserta...n-for-the-dom/
09/07/2008, 16h54
le-baron

Ok un autre problème

Ok je vais changer cela mais à part cette erreurs en vois-tu une autre ? Comment tu ferais pour insérer du xml dans du xhtml en utilisant javascript?

Code après changement

Voic le code après le changement mais ça ne marche toujours pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function ajouter(){
var mondoc = document.createElement("div");
var monlien = document.getElementById("Lien");
var montexte = mondoc.createTextNode('<xml id="nomIdentifiant" src="test.xml" />');
var ensemble = document.getElementById("ensemble");
//create function, it expects 2 values.
function insertAfter(mondoc,ensemble) {
        //target is what you want it to go after. Look for this elements parent.
        var parent = ensemble.parentNode;
        
        //if the parents lastchild is the targetElement...
        if(parent.lastchild == ensemble) {
                //add the newElement after the target element.
                parent.appendChild(mondoc);
                } else {
                // else the target has siblings, insert the new element between the target and it's next sibling.
                parent.insertBefore(mondoc, ensemble.nextSibling);
                }
}
}
</script>
</head>
<body>
<div id="ensemble">
<a href="#" id="Lien" onclick="ajouter()">Ajouter</a>
</div>
</body>
</html>