Inserer dans une feuille XML..;

Version imprimable

Bonjour à tous ,
Je posséde une fonction pour ouvrir un fichier XML data.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 function loadXML(){ // Routine de vérification si le navigateur gêre la méthode utilisée if (document.implementation && document.implementation.createDocument) { // déclaration pour Mozilla et FF docXml = document.implementation.createDocument('', '', null); } else if (window.ActiveXObject){ // déclaration pour IE docXml = new ActiveXObject("Microsoft.XMLDOM"); } else { alert('Votre navigateur ne saurait pas éxécuter ce script.'); } docXml.load("data.xml"); alert("data XML chargé..."); } // fonction de traitement des données chargées
Pour faire simple j'ai besoin d'inserer les bonnes valeurs dans mon fichiers XML
Par exemple j'ai mes 4 variables :
Code:

1 2 3 4 var AMdebutLundi; var AMFinLundi; var PMdebutLundi; var PMFinLundi;
que je dois inserer dans mon fichier XML :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <techniciens> <org.lrd.data.Technicien> <id>0</id> <nbHeuresSupHebdo>0</nbHeuresSupHebdo> <horaires> <jour> <day>LUN</day> <startAM>8.0</startAM> <endAM>12.0</endAM> <startPM>14.0</startPM> <endPM>18.0</endPM> </jour>
entre

Code:

<startAM>8.0</startAM>

je dois donc avoir la valeur de ma variable

Code:

AMdebutLundi

Mais je sais pas comment parcrourir mon arbre et comment inserer cette valeur :(
Merci de votre aide précieuse
Cordialement
Argol. :ccool:

24/02/2010, 13h02
SpaceFrog

jquery peut t'aider

http://pckult.developpez.com/tutorie...e-fichier-xml/

J'aurais préférer une version avec (XPATH ?) c'est possible ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function technicien(num) {
 
	var numero = parseInt(num, 10);
 
 
	// on crée des variables de type Array, qui recoivent comme valeur les balises choisies dnas le document xml
	var techniciens = docXml.getElementsByTagName('org.lrd.data.Technicien');
 
		alert(techniciens[0].firstChild.nodeValue);
 
	var heureSup = docXml.getElementsByTagName('nbHeuresSupHebdo');
	alert(heureSup);

j'ai essayer sa mais bon je sais pas quel balise utilisé etc.. :( je trouve trés peu de doc :cry:

24/02/2010, 13h50
SpaceFrog

la tu me poses une colle Argol
:mouarf:
24/02/2010, 13h52
Argol

lol :mouarf:
Avec Jquery je peux inserer des valeurs dans un fichier XML aussi ?
l'exmple permet de lire mais je sais pas si on peut inserer !
24/02/2010, 14h00
SpaceFrog

http://api.jquery.com/category/manipulation/

Code:

1 2 3 4 5 6 7 8 var techniciens = docXml.getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue; alert(techniciens); docXml.getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue=99999; docXml.save("data.xml"); var techniciens = docXml.getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue; alert(techniciens);
j''essaye de mofidier mon fichier XML et sa marche bien sa m'affiche bien 10 valeur de debut puis aprés 99999
le seul hic c'est que sa sauvergade pas dans le fichier XML...
j'ai vu que il y avait une fonction save mais firebug me dit que elle existe pas !!! :(

Code:

docXml.save("data.xml");

Comment faut il donc faire pour sauvergarder dans le fichier XML les modifications apporté ?

Code:

docXml.save is not a function

24/02/2010, 15h54
SpaceFrog

non c'est coté serveur que la sauvegarde se fera ...
il faut renvoyer le code xml sous forme de string au serveur
24/02/2010, 16h00
Argol

je fais comment pour renvoyer sous forme de string le code XML ?

j'avou ne pas avoir compris, dsl.
Merci de votre aide.

fais un send en ajax

Code:

1
2
3
4
5
6
7
8
          $.ajax({
               url: "page.php"
               , type: "POST"
               , contentType: "text/xml"
               , processData: false
               , data: xmlDocument
               , success: handleResponse
            });

25/02/2010, 13h02
Argol

Il faut donc que j'utilise la technologie Jquery ?
Pce la dans mon cas j'utilisé pas Jquery mais une simple fonction loadXML()...pour charger mon fichier XML.
25/02/2010, 13h09
SpaceFrog

non tu peux sans doute aussi envoyer le string du xml en simple ajax sans jquery,
25/02/2010, 13h10
Argol

en fait moi je travail en local actuellement et le fichier XML et la page WEB sont dans le même dossier.
Je charge donc avec lodXML() ce fichier en passant juste son nom.
Mais comment je fais pour le renvoyer une fois modifier ? si
quelqu'un a la solution ou des éclaircissements parce que j'en ai vraiment besoin...
Merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(  
 function()
 {
   $.ajax( {
            type: "GET",
            url: "data.xml",
            dataType: "xml",
            success: function(xml) 
                     {
                       $(xml).getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue=99999;
 
 
                      }
        });
  }
);

et si je fais sa en Jquery c'est bon ?

25/02/2010, 14h06
SpaceFrog

attention !
quand tu le renvoies, tu passes juste un string en paramètre ..
cote serveur il faut recupérer le string et le mettre dasn un fichier avec le bon header et le sauvegarder.
renvoyer juste le string avac ajax ne suffit pas

Ok merci pour l'explication,
pour tout reprendre propre je vais utiliser Jquery.
dans mon en tete j'ai donc mis :

Code:

1
2
3
4
 
<script type="text/javascript" src="jquery-1.3.2.js"></script>
 
<script type="text/javascript">

j'essaye d'utiliser la technologie Jquery et j'ai fait la fonction
et apparemment sa ne doit pas marcher comme sa
j'appele la fonction technicien lorsque je clique sur un bouton.

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
function technicien(num) {
 
 
$(document).ready(  
 function()
 {
   $.ajax( {
            type: "GET",
            url: "data.xml",
            dataType: "xml",
            success: function(xml) 
                     {
                     // on crée des variables de type Array, qui recoivent comme valeur les balises choisies dnas le document xml
	var techniciens = docXml.getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue;
 
	alert(techniciens);
	docXml.getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue=99999;
 
	var techniciens = docXml.getElementsByTagName('result')[0].getElementsByTagName('techniciens')[0].getElementsByTagName('org.lrd.data.Technicien')[0].getElementsByTagName('nbHeuresSupHebdo')[0].firstChild.nodeValue;
 
	alert(techniciens);
 
                      }
        });
  }
);
 
 
}

25/02/2010, 14h25
SpaceFrog

http://pckult.developpez.com/tutorie...e-fichier-xml/

comment je fais pour appeler la fonction Jquery ci-dessous sans nom lors du clic avec mon bouton ?

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
$(document).ready(  
 function()
 {
   $.ajax( {
            type: "GET",
            url: "sites.xml",
            dataType: "xml",
            success: function(xml) 
                     {
                       $(xml).find('site').each(   
                         function()
                         {
                            var id = $(this).attr('id');
                            var title = $(this).find('title').text();
                            var url = $(this).find('url').text();
                            $('<div class="items" id="link_' + id + '"></div>').html('<a href="' + url + '">' + title + '</a>').appendTo('#Div_XML');
                            $(this).find('desc').each(
                                            function()
                                            {
                                                var brief = $(this).find('brief').text();
                                                var long = $(this).find('long').text();
                                                $('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
                                                $('<div class="long"></div>').html(long).appendTo('#link_'+id);
                                            });
                          });
                      }
        });
  }
);

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
 
 
 function patouilleXML()
 {
   $.ajax( {
            type: "GET",
            url: "sites.xml",
            dataType: "xml",
            success: function(xml) 
                     {
                       $(xml).find('site').each(   
                         function()
                         {
                            var id = $(this).attr('id');
                            var title = $(this).find('title').text();
                            var url = $(this).find('url').text();
                            $('<div class="items" id="link_' + id + '"></div>').html('<a href="' + url + '">' + title + '</a>').appendTo('#Div_XML');
                            $(this).find('desc').each(
                                            function()
                                            {
                                                var brief = $(this).find('brief').text();
                                                var long = $(this).find('long').text();
                                                $('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
                                                $('<div class="long"></div>').html(long).appendTo('#link_'+id);
                                            });
                          });
                      }
        });
  }
 
$(document).ready( patouilleXML() );

Code:

<input type="button" onclick="patouilleXML()" value="XML" />

grace a vous j'ai pu avancer un peu, merci.

j'ai donc fait en jquery une fonction pour modifier mon XML data
une fois que j'ai fait mes affectations comme dans ma fonction modifieXML
comment je fais pour envoyer le string avec le send en AJAX de ce que j'ai modifié ?

ou je récupère ce string et comment marche la méthode ci-dessous ?

Code:

1
2
3
4
5
6
7
8
     $.ajax({
               url: "page.php"
               , type: "POST"
               , contentType: "text/xml"
               , processData: false
               , data: xmlDocument
               , success: handleResponse
            });

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function modifieXML()
 {
 
   $.ajax( {
            type: "GET",
            url: "data.xml",
            dataType: "xml",
            success: function(xml) 
                     {
 
                       $(xml).find('jour').each(   
                         function()
                         {
							 var jour = $(this).find('day').text();
							 if  (jour=="LUN")
							 {							 
 
							  $(this).find('startAM').nodeValue=AMdebutLundi;
							   $(this).find('endAM').nodeValue=AMFinLundi;
							    $(this).find('startPM').nodeValue=PMdebutLundi;
								 $(this).find('endPM').nodeValue=PMFinLundi;
 
							 }

merci de votre aide.

27/02/2010, 13h38
Argol

je vois pas comment je peux avoir un string de mon fichier XML que je modifie dans ma fonction :(

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
var xmlDocument;
function modifieXML()
 {
 
   $.ajax( {
            type: "GET",
            url: "data.xml",
	    xmlDocument: "data.xml",
            dataType: "xml",
            success: function(xml) 
                     {
 
                       $(xml).find('jour').each(   
                         function()
                         {
							 var jour = $(this).find('day').text();
							 if  (jour=="LUN")
							 {							 
							  alert( $(this).find('startAM').text());
							  $(this).find('startAM').nodeValue=AMdebutLundi;
							  alert( $(this).find('startAM').text());
							   $(this).find('endAM').nodeValue=AMFinLundi;
							    $(this).find('startPM').nodeValue=PMdebutLundi;
								 $(this).find('endPM').nodeValue=PMFinLundi;
 
							 }
							else if (jour=="MAR")
								 {
							  $(this).find('startAM').nodeValue=AMdebutMardi;
							   $(this).find('endAM').nodeValue=AMFinMardi;
							    $(this).find('startPM').nodeValue=PMdebutMardi;
								 $(this).find('endPM').nodeValue=PMFinMardi;
								 }
									else if (jour=="MER")
											{
											  $(this).find('startAM').nodeValue=AMdebutMercredi;
							                 $(this).find('endAM').nodeValue=AMFinMercredi;
							                $(this).find('startPM').nodeValue=PMdebutMercredi;
								             $(this).find('endPM').nodeValue=PMFinMercredi;
											}
											else if (jour=="JEU")
													{
											         $(this).find('startAM').nodeValue=AMdebutJeudi;
							                         $(this).find('endAM').nodeValue=AMFinJeudi;
							                         $(this).find('startPM').nodeValue=PMdebutJeudi;
								                    $(this).find('endPM').nodeValue=PMFinJeudi;
							 						}
													else if (jour=="VEND")
														{
														  $(this).find('startAM').nodeValue=AMdebutVendredi;
							                             $(this).find('endAM').nodeValue=AMFinVendredi;
							                            $(this).find('startPM').nodeValue=PMdebutVendredi;
							                            	 $(this).find('endPM').nodeValue=PMFinVendredi;
														}
														else if (jour=="SAM")
															{
															  $(this).find('startAM').nodeValue=AMdebutSamedi;
							                                $(this).find('endAM').nodeValue=AMFinSamedi;
							                               $(this).find('startPM').nodeValue=PMdebutSamedi;
							                               	 $(this).find('endPM').nodeValue=PMFinSamedi;
															}
															else if (jour=="DIM")
															{
															  $(this).find('startAM').nodeValue=AMdebutDimanche;
							                                $(this).find('endAM').nodeValue=AMFinDimanche;
							                                $(this).find('startPM').nodeValue=PMdebutDimanche;
							                            	 $(this).find('endPM').nodeValue=PMFinDimanche;
															}
 
 
 
                          });
                      }
        });
  }
 
$(document).ready( modifieXML() );

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function envoieXML()
 {
 
 $.ajax({
   type: "POST",
   url: "serveur.php",
	processData: false,
   data: xmlDocument,
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });
 }
 $(document).ready( envoieXML() );

j'ai essayé d'utiliser une variable globale

Code:

var xmlDocument;

mais je sais pas comment la mettre dans ma fonction modifier() et si réelement cette variable globale que j'envoie ensuite dans envoieXML() et bien modifier

de l'aide svp :(

il est certain que
Code:

1 2 3 4 5 6 7 8 9 10 var xmlDocument; function modifieXML() { $.ajax( { type: "GET", url: "data.xml", xmlDocument: "data.xml", dataType: "xml", success: function(xml)
et

Code:

xmlDocument: "data.xml",

ne fonctionne pas
mais je vois pas comment faire pour envoyer dans ma fonction envoieXML() le fichier que j'ai modifier précédemment :(

de plus pour la modificatio j'ai fais

Code:

$(this).find('startAM').nodeValue=AMdebutLundi;

mais je sais pas si sa marche ....
il faut peut etre faire

Code:

$(this).find('startAM').text(AMdebutLundi);

En gros :
1) comment modifier la valeur d'un noeud ?
2) comment recuperer le fichier XML modifier pour 'l'envoyer ?

Merci de votre aide.

voila 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
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
var documentXML;
function modifieXML()
 {
 
   $.ajax( {
            type: "GET",
            url: "data.xml",
			dataType: "xml",
            success: function(xml) 
                     {
 
 
                       $(xml).find('jour').each(   
                         function()
                         {
							 var jour = $(this).find('day').text();
							 if  (jour=="LUN")
							 {							 
 
 
						        $(this).find('startAM').text(AMdebutLundi);
 
 
							   $(this).find('endAM').nodeValue=AMFinLundi;
							    $(this).find('startPM').nodeValue=PMdebutLundi;
								 $(this).find('endPM').nodeValue=PMFinLundi;
 
							 }
							else if (jour=="MAR")
								 {
							  $(this).find('startAM').nodeValue=AMdebutMardi;
							   $(this).find('endAM').nodeValue=AMFinMardi;
							    $(this).find('startPM').nodeValue=PMdebutMardi;
								 $(this).find('endPM').nodeValue=PMFinMardi;
								 }
									else if (jour=="MER")
											{
											  $(this).find('startAM').nodeValue=AMdebutMercredi;
							                 $(this).find('endAM').nodeValue=AMFinMercredi;
							                $(this).find('startPM').nodeValue=PMdebutMercredi;
								             $(this).find('endPM').nodeValue=PMFinMercredi;
											}
											else if (jour=="JEU")
													{
											         $(this).find('startAM').nodeValue=AMdebutJeudi;
							                         $(this).find('endAM').nodeValue=AMFinJeudi;
							                         $(this).find('startPM').nodeValue=PMdebutJeudi;
								                    $(this).find('endPM').nodeValue=PMFinJeudi;
							 						}
													else if (jour=="VEND")
														{
														  $(this).find('startAM').nodeValue=AMdebutVendredi;
							                             $(this).find('endAM').nodeValue=AMFinVendredi;
							                            $(this).find('startPM').nodeValue=PMdebutVendredi;
							                            	 $(this).find('endPM').nodeValue=PMFinVendredi;
														}
														else if (jour=="SAM")
															{
															  $(this).find('startAM').nodeValue=AMdebutSamedi;
							                                $(this).find('endAM').nodeValue=AMFinSamedi;
							                               $(this).find('startPM').nodeValue=PMdebutSamedi;
							                               	 $(this).find('endPM').nodeValue=PMFinSamedi;
															}
															else if (jour=="DIM")
															{
															alert($(this).find('startAM').text());
															  $(this).find('startAM').text(AMdebutDimanche);
															  	alert($(this).find('startAM').text());
							                                $(this).find('endAM').nodeValue=AMFinDimanche;
							                                $(this).find('startPM').nodeValue=PMdebutDimanche;
							                            	 $(this).find('endPM').nodeValue=PMFinDimanche;
															}
 
 
 
                          });
						  				  	documentXML= xml;
                      }
 
        });
 
  }

a la fin je fais

Code:

documentXML= xml;

puis j'envoie au serveur;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function envoieXML()
 {
 
 $.ajax({
   type: "POST",
   url: "serveur.php",
	processData: false,
   data: documentXML,
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });
 }
 $(document).ready( envoieXML() );

dans firebug le POST que j'envoi dans le fichier XML les modification ne marche pas donc je sais pas du tout comment faire et ou ets le problème :
comment modifier la valeur d'un noeud ?

Code:

$(this).find('endPM').nodeValue=PMFinDimanche;

Code:

$(this).find('startAM').text(AMdebutDimanche);

ou le probleme vient peut etre de ma variable globale ?

Code:

var documentXML;

J'ai besoin d'aide svp :(. merci.