Inserer dans une feuille XML..;

**Argol** · 24/02/2010, 12h57

Bonjour à tous ,
Je posséde une fonction pour ouvrir un fichier XML data.xml

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

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

1
2
3
4
   var AMdebutLundi;
	 var AMFinLundi;
	 var PMdebutLundi;
	 var PMFinLundi;

que je dois inserer dans mon fichier XML :

Code :

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

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 :

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

<startAM>8.0</startAM>

je dois donc avoir la valeur de ma variable

Code :

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

AMdebutLundi

Mais je sais pas comment parcrourir mon arbre et comment inserer cette valeur

Merci de votre aide précieuse
Cordialement
Argol.

**SpaceFrog** · 24/02/2010, 13h02

jquery peut t'aider

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

**Argol** · 24/02/2010, 13h49

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

Code :

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

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

**SpaceFrog** · 24/02/2010, 13h50

la tu me poses une colle Argol

**Argol** · 24/02/2010, 13h52

lol

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 !

**SpaceFrog** · 24/02/2010, 14h00

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

**Argol** · 24/02/2010, 14h56

Code :

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

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 :

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

docXml.save("data.xml");

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

Code :

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

docXml.save is not a function

**SpaceFrog** · 24/02/2010, 15h54

non c'est coté serveur que la sauvegarde se fera ...
il faut renvoyer le code xml sous forme de string au serveur

**Argol** · 24/02/2010, 16h00

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

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

**SpaceFrog** · 24/02/2010, 16h14

fais un send en ajax

Code :

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

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

**Argol** · 25/02/2010, 13h02

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.

**SpaceFrog** · 25/02/2010, 13h09

non tu peux sans doute aussi envoyer le string du xml en simple ajax sans jquery,

**Argol** · 25/02/2010, 13h10

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.

**Argol** · 25/02/2010, 13h56

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
$(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 ?

**SpaceFrog** · 25/02/2010, 14h06

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

**Argol** · 25/02/2010, 14h21

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

Code :

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

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 :

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

**SpaceFrog** · 25/02/2010, 14h25

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

**Argol** · 25/02/2010, 14h28

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

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

**SpaceFrog** · 25/02/2010, 14h32

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

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

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

**Argol** · 26/02/2010, 16h03

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 :

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

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

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

Inserer dans une feuille XML..;

JavaScript

Discussions similaires

Partager

Partager