Discussion :

[nicopulse]

Bonjour à tous,

Alors voilà, je voudrais savoir si il existe une méthode (en JavaScript) qui s'applique sur un nœud (node), et qui permet l'affichage de ce nœud et de ces fils.

Une méthode qui me permettrais de placer des fils de type html dans mon nœud (node) et de les insérer dans un div (d’une page html) à l’aide du javascript :

Code :

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

document.getElementById(id).innerHTML = monnoeud.ma_méthode_d’affichage;

Je sais que cette méthode existe en PHP, et que l’on peut l’appliquer sur un node ou sur un DOM Document, la voici :

Code :

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

$noeud->saveXML

ainsi, en PHP on peu faire :

Code :

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

echo $noeud->saveXML ;

Ce qui affiche le contenu d’un nœud et ces fils ! Je voudrais savoir si une telle méthode existe en JavaScript.

Voilà, je vous remercie d’avance pour vos éventuelles solutions.

[Bovino]

J'ai pas bien compris...
Pourquoi ne pas passer par display ?

Code :

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

1
2
document.getElementById(id).style.display = 'none';
document.getElementById(id).style.display = 'block'

[nicopulse]

J'ai pas bien compris...
Pourquoi ne pas passer par display ?

Code :

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

1
2
document.getElementById(id).style.display = 'none';
document.getElementById(id).style.display = 'block'

OK. Je me suis mal exprimé.

J'ai une réponse XML (DOM) retourné par une requête AJAX.

Ce fichier XML (cette réponse XML) contient une liste d'item, et donc ont va dire une liste de nœuds. Ces nœuds contiennent des fils (du style tableau ou paragraphe en HTML). Et donc, ces nœuds je voudrais les insérer (ainsi que leur fils) dans des div présent dans ma page HTML !

Et je voudrais donc utiliser une méthode d'affichage du(des) nœud(s) (et de ces fils !), pour insérer cet affichage (cette chaine de caractère) dans le DIV prévu à cet effet sur ma page HTML.

En faisant :

Code :

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

document.getElementById(div_page_html).innerHTML = monnoeud.méthode_d’affichage_d’un_noeud;

Je sais que l'affichage d'un noeud et de ces fils existe en PHP : c'est la méthode saveXML, qui s'applique sur noeud : echo $noeud->saveXML; va afficher le noeud et ces fils.

Je voudrais savoir si une telle méthode d'affichage d'un noeud existe en JavaScript.

Voilou !

[DoubleU]

Tu ne peux pas le faire directement, pour la bonne raison que le DOM de ta page et le xml retourné par ta requete ne partagent pas la même API.

Il faut que tu parcours tes noeuds xml avec les méthodes de l'api XML, et que tu recrées tes noeuds DOM cette fois avec les méthodes du DOM (qui bien souvent on pourtant le même nom que celles de l'api XML).

[nicopulse]

Tu ne peux pas le faire directement, pour la bonne raison que le DOM de ta page et le xml retourné par ta requete ne partagent pas la même API.

Je en comprend pas bien. Je comprend que la page XHTML ne partage pas la même API que le fichier XML, mais alors dans ce cas là, je ne peux pas stocker simplement l'affichage du nœud dans une variable ?

Comme cela :

Code :

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

var texte = monnoeud.la_methode_d'affichage;

[DoubleU]

C'est assez simple pourtant:

Si on prend l'exemple de firefox, quand tu utilises les méthodes du DOM pour ajouter un élément à la page, tu manipules les méthodes de l'api gecko qui gère l'affichage de la page.

Mais le XML qui tu récupères de ta requete Ajax, lui, utilise les méthodes du moteur de javascript (SpiderMonkey).

Les méthodes pour manipuler les 2 api ont les mêmes noms mais elles manipulent des objets completement différents, donc tu ne peux pas te contenter d'en prendre un et de le coller dans l'autre, il faut que tu les reconstruises tous.

[nicopulse]

Je en comprend pas bien. Je comprend que la page XHTML ne partage pas la même API que le fichier XML, mais alors dans ce cas là, je ne peux pas stocker simplement l'affichage du nœud dans une variable ?

Comme cela :

Code :

var texte = monnoeud.la_methode_d'affichage;

[DoubleU]

Ce que tu appelles l'affichage c'est quoi? La représentation textuelle du noeud?

Si c'est le cas, oui c'est possible. Tu sérialises ton noeud XML (via XMLSerializer sous FF, la propriété .xml du noeud sous IE) et tu l'assignes à la propriété innerHTML de ton noeud DOM, ca devrait passer.

[nicopulse]

Ce que tu appelles l'affichage c'est quoi? La représentation textuelle du noeud ?

C'est exactement ça !

Je veux afficher un truc du genre :

Code :

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

1
2
3
4
5
<item>
<blabla>
<p></p>
</blabla>
</item>

Tu sérialises ton noeud XML (via XMLSerializer sous FF, la propriété .xml du noeud sous IE) et tu l'assignes à la propriété innerHTML de ton noeud DOM, ca devrait passer.

Il va falloir que je face une implémentation différente pour Firefox et IE ?

Si c'est le cas, est-ce que tu peux me donner un exemple avec Firefox ?

[DoubleU]

https://developer.mozilla.org/en/XMLSerializer

[nicopulse]

https://developer.mozilla.org/en/XMLSerializer

Ok, je te remerci.

J'avais bien vu cela. Mais le gros problème, c'est qu'il va falloir que je gère les différents navigateurs, c'est bien ça ? Comme avec les requêtes AJAX... pour lequelles j'utilise d'ailleur prototype, qui est vraiment excellent.