[JavaScript - XML/XSL] fonction et filtre

**arkham55** · 28/04/2010, 23h53

Bonsoir à tous et toutes,

Voilà mon petit problème, j'ai un fichier xml contenant des produits avec différentes attributs, l'idée est d'avoir une page html avec un field dans lequel on entre une valeur qui pourra permettre de filtrer les produits, donc suivant une occurrence d'attribut définie par le field. Le problème c'est que j'ai l'impression que la variable n'est pas passée depuis le .html vers le .xsl dans lequel j'utilise le contenu de la variable, du moins c'est mon idée. Si vous voulez regarder par vous-même :
Fichier html avec javaScript :

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
45
46
47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Liste des produits par niveau de réapprovisionnement</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function lister(niv)
{
			// On charge la feuille XSL
            var feuilleXsl = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.4.0"); 
            feuilleXsl.async = false; 
            feuilleXsl.load("styleProd.xsl"); 
 
			// On charge le document XML
            var docXml = new ActiveXObject("Msxml2.DOMDocument.4.0"); 
            docXml.async = false; 
            docXml.load("Produits.xml"); 
 
			// On transforme
            var xslt = new ActiveXObject("Msxml2.XSLTemplate.4.0"); 
            xslt.stylesheet = feuilleXsl; 
            var procXsl; 
            // On crée un processeur xslt
            procXsl = xslt.createProcessor(); 
            //On lui soumet le doc xml
            procXsl.input = docXml; 
            //traitement
            procXsl.addParameter('niveau', niv);
            procXsl.transform(); 
            //On récupère la sortie du traitement
			var resultat = procXsl.output;
			var entete = 'Saisir un autre niveau<br /><form name="formulaire"><input name="niv" type="text"><br /><input type="button" name="recherche" value="Recherche" onClick="lister(this.formulaire.niv.value)"></form>';
			//Affichage du résultat
             document.body.innerHTML = entete + resultat;
 
}
</script>
</head>
 
<body>
    <font face="Comic sans ms" size="3">Entrez un niveau de réapprovisionnement</font><br />
    <form name="formulaire">
        <input name="niv" type="text"><br />
        <input type="button" name="recherche" value="Recherche" onClick="lister(this.formulaire.niv.value)">
    </form>
</body>
</html>

Le fichier xsl :

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
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
83
84
85
86
87
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <!--<xsl:param name='niveau'>25</xsl:param>-->
<xsl:template match="/">
 
<html>
<head>
 <style type="text/css">
          table { border-collapse: collapse;
          border: solid black 1px;
          margin-left:150px;}
          td { padding: 3px;
          border: solid black 1px;}
          th { padding: 3px;
          border: solid black 2px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
</head>
 
<body>
        <p align="center">
          <font size="4" face="Imprint MT Shadow">Liste filtrée</font>
        </p>
        <table width="800px">
          <TR>
			<TH> Position </TH>
            <TH> Référence </TH>
            <TH> Libellé </TH>
            <TH> N° fournisseur </TH>
            <TH> Catégorie </TH>
            <TH> Quantité/unité </TH>
            <TH> Prix unitaire </TH>
            <TH> Stock </TH>
            <TH> Unités commandées </TH>
            <TH> Niveau réapprovisionnement </TH>
            <TH> Indisponible </TH>
          </TR>
          <xsl:element name="p"><xsl:value-of select= '$niveau' /></xsl:element>
             <xsl:for-each select="dataroot/Produits[Niveau_de_réapprovisionnement=$niveau]"> 
                 <xsl:sort select="Nom_du_produit" 
                          data-type="text" 
                          order="ascending"/>
 
            <tr>
			  <td width="25%" size="12px">
                *<xsl:number value="position()" format="1. "/>
              </td> 
              <td width="25%" size="12px">
                *<xsl:value-of select="Réf_produit"/>
              </td>
              <td width="25%" size="12px">
                *<xsl:value-of select="Nom_du_produit"/>
              </td>
              <td width="25%" size="12px" align="center">
                *<xsl:value-of select="N_fournisseur"/>
              </td>
              <td width="25%" size="12px" align="center">
                *<xsl:value-of select="Code_catégorie"/>
              </td>
              <td width="25%" size="12px">
                *<xsl:value-of select="Quantité_par_unité"/>
              </td>
              <td width="25%" size="12px">
                *<xsl:value-of select="Prix_unitaire"/>
              </td>
              <td width="25%" size="12px">
                *<xsl:value-of select="Unités_en_stock"/>
              </td>
              <td width="25%" size="12px" align="center">
                *<xsl:value-of select="Unités_commandées"/>
              </td>
              <td width="25%" size="12px" align="center">
                *<xsl:value-of select="Niveau_de_réapprovisionnement"/>
              </td>
              <td width="25%" size="12px" align="center">
                *<xsl:value-of select="Indisponible"/>
              </td>
            </tr>
 
          </xsl:for-each>
        </table>
      </body>
    </html>
  </xsl:template>
 
</xsl:stylesheet>

J'ai déjà essayer pas mal de choses avec ça mais rien n'y fait. Lorsque j'entre une valeur pour la variable utilisée dans le xsl, lorsque j'ouvre le .xml nickel j'ai la liste filtrée...
Merci d'avance pour votre aide,
Arkh.

**emmanuel.remy** · 30/04/2010, 00h24

Salut,

Tu écris:

Code :

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

 <!--<xsl:param name='niveau'>25</xsl:param>-->

Donc si tu mets en commentaires la définition du paramètre, il ne va pas pouvoir l'injecter. Décommente. Par exemple:

Code :

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

<xsl:param name='niveau' />

ERE

**arkham55** · 30/04/2010, 03h11

Merci pour ton conseil, j'ai remplacé mais cela ne fonctionne toujours pas. Quelque chose bloque mais je n'arrive pas à trouver quoi :/

**emmanuel.remy** · 30/04/2010, 10h53

Re,

Tu peux faire un zip avec tes fichiers et un jeu de données ?

ERE

**arkham55** · 30/04/2010, 20h45

Bien sûr! Le voici.
Merci pour le temps investit, même si ça n'a pas l'air de grand chose

**emmanuel.remy** · 30/04/2010, 22h26

Salut,

Ton code

Code :

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

<input type="button" name="recherche" value="Recherche" onClick="lister(this.formulaire.niv.value)">

est erroné, il faut mettre:

Code :

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

1
2
<input type="button" name="recherche" value="Recherche"
 onClick="lister(this.form.niv.value)">

Et tout rentre dans l'ordre !

ERE

**arkham55** · 30/04/2010, 23h09

Je viens de modifier suivant ton conseil mais cela ne fonctionne pas :s Es-tu sûr de n'avoir modifié que cette instruction? :o
J'utilise IE pour tester.

**emmanuel.remy** · 30/04/2010, 23h58

Re,

Ton code marche uniquement pour IE
Je te confirme avoir le tableau affiché et filtré sans aucun souci

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
45
46
47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Liste des produits par niveau de réapprovisionnement</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function lister(niv)
{
			// On charge la feuille XSL
            var feuilleXsl = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.4.0"); 
            feuilleXsl.async = false; 
            feuilleXsl.load("styleProd.xsl"); 
 
			// On charge le document XML
            var docXml = new ActiveXObject("Msxml2.DOMDocument.4.0"); 
            docXml.async = false; 
            docXml.load("Produits.xml"); 
 
			// On transforme
            var xslt = new ActiveXObject("Msxml2.XSLTemplate.4.0"); 
            xslt.stylesheet = feuilleXsl; 
            var procXsl; 
            // On crée un processeur xslt
            procXsl = xslt.createProcessor(); 
            //On lui soumet le doc xml
            procXsl.input = docXml; 
            //traitement
            procXsl.addParameter('niveau', niv);
            procXsl.transform(); 
            //On récupère la sortie du traitement
			var resultat = procXsl.output;
			var entete = 'Saisir un autre niveau<br /><form name="formulaire"><input name="niv" type="text"><br /><input type="button" name="recherche" value="Recherche" onClick="lister(this.form.niv.value)"></form>';
			//Affichage du résultat
             document.body.innerHTML = entete + resultat;
 
}
</script>
</head>
 
<body>
    <font face="Comic sans ms" size="3">Entrez un niveau de réapprovisionnement</font><br />
    <form name="formulaire">
        <input name="niv" type="text"><br />
        <input type="button" name="recherche" value="Recherche" onClick="lister(this.form.niv.value)">
    </form>
</body>
</html>

ERE

**arkham55** · 01/05/2010, 12h16

Je vois, cela doit alors provenir de ma version de IE, comme je ne l'utilise jamais, il n'a jamais eu l'occasion d'être mis à jour, ça ne peut être que cela ^^"
Je rentre chez moi et je testerai ^^

En tout cas, merci beaucoup pour ton aide l'ami!

**emmanuel.remy** · 01/05/2010, 12h43

Salut,

Peut-être pas ta version d'IE mais ta version de MSXML installée.

ERE

**arkham55** · 01/05/2010, 17h56

Voilà, j'ai télécharger la dernière version de MSXML, IE était bien à jour vu que j'ai Windows 7.
J'ai testé le mode de débogage de IE pour voir ce qu'il sortait (voir attaché) et il pointait du doigt la ligne suivante de la page html :

Code :

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

var feuilleXsl = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.4.0");

**emmanuel.remy** · 01/05/2010, 18h24

Salut,

Certainement un problème de sécurité au niveau de ton navigateur. Baisse le niveau de sécurité et autorise les activex.

ERE

**arkham55** · 01/05/2010, 23h07

Rah même ça ... J'ai mit les paramètres de sécurité au minimum et activer les scripts, les options d'ActiveX. Rien à faire =/

**emmanuel.remy** · 01/05/2010, 23h43

Regarde dans ta base des registres si tu as bine cette clé:

HKEY_CLASSES_ROOT\Msxml2.FreeThreadedDOMDocument.4.0

ERE

**arkham55** · 02/05/2010, 16h23

Non, je ne l'ai pas trouvé :

**emmanuel.remy** · 02/05/2010, 16h56

Si tu n'as pas cette clé c'est que ta version de msxml n'est pas celle requise pour exécuter ton code. Regarde si tu n'as pas une autre version et si c'est le cas modifie ta ligne new ActiveXObject(....)

ERE

**arkham55** · 03/05/2010, 20h06

J'ai pu l'essayer sur un autre pc, il fonctionne très bien (et tant mieux)!!
Merci beaucoup pour ton aide l'ami =)

[JavaScript - XML/XSL] fonction et filtre

JavaScript

Discussions similaires

Partager

Partager