[PHP] [javascript] interaction du dom

Version imprimable

10/01/2007, 11h14
Matgic95

[PHP] [javascript] interaction du dom

J'ai déjà poster un précédant poste sur le sujet mais personne n'a répondu.
J'utilise le DOM dans un fichier PHP afin de pouvoir lire du XML.
En sachant que ce même fichier PHP fait appel à un fichier Javascript, je ne sais pas comment lire le contenu du XML avec mon fichier javascript.
Pourriez-vous m'aider en m'expliquant quelles sont les étapes de communication entre XML et Javascript?
Est-ce qu'il faut repréciser un chemin d'accès au XML dans le Javascript ou le fait de l'avoir fait dans le PHP suffit?
10/01/2007, 11h25
Erwy

Que veux tu dire par

Code:

En sachant que ce même fichier PHP fait appel à un fichier Javascript,

Tu utilise du javascript coté serveur ???
Je ne comprends pas trop ? :koi:
10/01/2007, 11h44
Matgic95

En fait mon but est de créer un menu dynamiquement, c'est pour cela que j'utilise du XML.
Je rentre tout ce qui est Menu, sous-menu,liens dans le fichier XML puis je lis avec PHP/HTML pour l'affichage.
Seulement pour la partie Javascript qui gère l'animation du menu, il me faut aussi lire le XML afin de préciser à quelle partie appliquer l'animation.

Suis-je plus clair?

PS: j'ai vu que tu as déjà répondu à plein de POST sur le sujet mais mon problème est que je ne sais même pas comment faire comprendre au fichier Javascript qu'il doit aller scruter mon fichier XML
10/01/2007, 12h37
Erwy

Ca dependra un peu de tes techno et de tes choix.

Avant tout est ce que tu utilises XSLT pour mettre en forme ton xml ou est ce que tu utilise seulement le DOM de PHP pour en retirer les infos qui t'intéresse ?
10/01/2007, 12h49
Matgic95

Je n'utilise que le DOM et le PHP. Je ne me sers pas de XSLT car je ne sais pas m'en servir
10/01/2007, 13h19
Erwy

Bon ca va être plus complexe je suis assez nul en PHP :?
Néanmoins je ne pense pas que tu ais besoin de ton xml coté client, ce que je fais en xslt pour ce type de cas (mais possible aussi sans)

Je génére toute les div et autres elements html dont j'ai besoin avec des id fonction du xml (dans mon cas j'en cache la plusieur) et avec le xslt (toi ici avec le dom) ce sont les arguments des fonctions JS appelé par ces elements html(sur onclick,onchahe,onblur.......) que je cree grace au xml/
Normalement, si ton code JS est bien fait, il ne devrait pas contenir de reference à des element cree grace au xml, tout ces references devrait ce faire par passage de paramètres au moment de l'appel
10/01/2007, 14h00
Matgic95

Merci
Je viens de lire quelques bouquins en magasin et apparement, pour charger le fichier XML, il faut utiliser xmlhttprequest et ActiveX (pour IE). Et c'est là ma question (si je me suis mal expliqué).
Est-ce que ces deux objets sont le seul moyen d'accéder au XML pour le javascript?
10/01/2007, 14h51
Erwy

Citation:

Envoyé par Matgic95

Merci
Je viens de lire quelques bouquins en magasin et apparement, pour charger le fichier XML, il faut utiliser xmlhttprequest et ActiveX (pour IE). Et c'est là ma question (si je me suis mal expliqué).

Pour utiliser un fichier xml coté client avec javascript il n'y a qu'un seul moyen

l'activeX msxml2.domdocument (et ses variantes) pour IE
document.implementation.createDocument("", "", null) pour FX

Les deux ont une methode load qui charge le xml, il suffit d'y indiquer leur chemin relatif a partir de l'endroit ou est stocké ton php sur le serveur

xmlhttprequest c'est autre chose, ce n'est interssant que pour les flux (xml ou autres générés dynamiquement)
10/01/2007, 14h58
Matgic95

Je te remercie, ta réponse valide mes recherches sur le sujet, je vais creuser de ce côté.

J'ai encore besoin d'aide, je n'arrive pas à lire le contenu de mon XML. Je pense ne pas avoir fait d'erreur dans le chargement du document XML (à vérifier). Est-ce que quelqu'un peut me donner un exemple de code qui marche pour aller par exemple menu->Mmenu->name

Résultat: Menu1

Merci d'avance

voici mon fichier XML

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?xml version="1.0" encoding="utf-8"?>
<menu>
	<Mmenu id="menu1">
		<name>Menu1</name>
		<adresse></adresse>
		<image>"../../../../Images/bouttonpageprincipale.png"</image>
 
		<smenu id="smenu1">
			<name>Sous-Menu1</name>
			<adresse>www.jeuxvideo.com</adresse>
			<image>"../../../../Images/creeritemup.png"</image>
		</smenu>
 
		<smenu id="smenu2">
			<name>Sous-Menu2</name>
			<adresse>www.trylog.net</adresse>
		</smenu>
 
		<smenu id="smenu3">
			<name>Sous-Menu3</name>
			<adresse>www.forom.com</adresse>
		</smenu>
 
		<smenu id="smenu4">
			<name>Sous-Menu4</name>
		</smenu>		
	</Mmenu>
 
	<Mmenu id="menu2">
		<name>Menu2</name>
		<image>"../../../../Images/creeritemup.png"</image>
	</Mmenu>
 
	<Mmenu id="menu3">
		<name>Menu3</name>
		<image>"../../../../Images/bouttonmodifier.png"</image>
 
		<smenu id="smenu1">
			<name>Sous-Menu1</name>
			<adresse>www.lequipe.fr</adresse>
		</smenu>
 
		<smenu id="smenu2">
			<name>Sous-Menu2</name>
			<adresse>wembail.epmi.fr</adresse>
		</smenu>
	</Mmenu>
 
</menu>
<!-- Pour les balises images s'il n'y a pas d'image à charger, écrire<image>""</image>-->

et voici mon menu Javascript qui permet de charger le fichier XML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function importXML()
	{	
	if (document.implementation && document.implementation.createDocument)
		{
			xmlDoc = document.implementation.createDocument("", "", null);
			//xmlDoc.onload = ""; //createTable est lance si à la place des guillemet
		}
 
	else if (window.ActiveXObject)
		{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.onreadystatechange = function () {
												if (xmlDoc.readyState == 4) null //createTable(), penser à enlever le null
												};
		}
	else
		{
			alert('Your browser can\'t handle this script');
			return;
		}		
	xmlDoc.load("mon_menu.xml");
	}

Pour IE c'est pas du tout ça :? je ne sais pas ou tu as trouvé ce code
Code:

1 2 3 4 var xmlDoc = new ActiveXObject("Msxml2.DOMDocument"); xmlDoc.async = false; xmlDoc.load("mon_menu.xml");

10/01/2007, 22h48
Matgic95

Merci pour la précision, ça me servira pour après.
Par contre je test sous Firefox, pourrais-tu m'aider pour cette partie?