Projet Bts Théodolite

**franck95100** · 24/01/2011, 11h59

Bonjour j'ai un problème dans mon projet.

Un de mes partenaires enregistre avec le logiciel labview des informations sur les postions d'un théodolite de suivie au format xml.

http://sites.google.com/site/mecatro...010/theodolite

Je doit afficher ses informations sur une page web et faire en sorte que ces informations se rafraichissent tout les 0.5 secondes car il les modifie périodiquement.

Lors de mon BTS j'ai fait du réseaux et de la programmation c, c++.

Je n'ai aucune connaissance en Ajax et javascript.

Si quelqu'un pouvait me donner un coup de main.

**andry.aime** · 24/01/2011, 12h43

Bonjour,

Commence par lire ce tutoriel.

A+.

**franck95100** · 24/01/2011, 15h59

Mon problème c'est que je n'ai pas vraiment le temps de m'intéresser a ce point a l'ajax j'ai trouver pas mal de tutorial je ne comprend pas vraiment.

Le plus intéressant parlait de la fonction jquery.

Pour le moment j'essaye d'afficher mon fichier xml sur ma page html

voici mon code html(test.html)

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
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
 
</head>
 
<body>
<div id="Div_XML"></div>
<script type=« text/javascript » src=« <a href="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" target="_blank">http://ajax.googleapis.com/ajax/libs.../jquery.min.js</a> »>
$(document).ready(  
 function()
 {
   $.ajax( {
            type: "GET",
            url: "myxml.xml",
            dataType: "xml",
            success: function(xml) 
                     {
                       $(xml).find('myxml').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);
                                            });
                          });
                      }
        });
  }
);
 
 
 
</script>
</body>
</html>

voici mon code xml (myxml.xml)

Code xml :

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
<?xml version="1.0" encoding="iso-8859-1" ?>
<donnees>
<categorie titre="Catégorie 1">
<donnee texte="Donnée A" valeur="15"></donnee>
</categorie>
<categorie titre="Catégorie 2">
<donnee texte="Donnée B" valeur="2"></donnee>
<donnee texte="Donnée C" valeur="3"></donnee>
<donnee texte="Donnée D" valeur="4"></donnee>
</categorie>
<categorie titre="Catégorie 3">
<donnee texte="Donnée E" valeur="maxime"></donnee>
<donnee texte="Donnée F" valeur="6"></donnee>
<donnee texte="Donnée G" valeur="7"></donnee>
<donnee texte="Donnée H" valeur="8"></donnee>
<donnee texte="Donnée I" valeur="9"></donnee>
</categorie>
</donnees>

**andry.aime** · 24/01/2011, 16h40

Code :

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" ></script>

Mon problème c'est que je n'ai pas vraiment le temps de m'intéresser a ce point a l'ajax j'ai trouver pas mal de tutorial je ne comprend pas vraiment.

Le tutoriel que je t'ai montré plus haut est facile à comprendre et consiste bien à ton besoin.