IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

XSL/XSLT/XPATH XML Discussion :

[XSL/Javascript] Gestion de variables XSL en JS pour comparer une date à celle du jour


Sujet :

XSL/XSLT/XPATH XML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 6
    Par défaut [XSL/Javascript] Gestion de variables XSL en JS pour comparer une date à celle du jour
    Bonjour à tous,

    Comme je l'ai mentionné dans un précédent sujet, je travaille sur un site e-commerce utilisant un cms indépendant.

    [Contexte]
    Pour effectuer l'ensemble de la navigation sur ce site, je fais appel à des requêtes prédéfinies qui sont envoyées au moteur du cms.
    Lorsqu'il les réceptionne et les traite, il génère alors un fichier xml qui concatène l'ensemble des résultats des différentes requêtes.
    Enfin, lors de l'envoi de ces fichiers xml, une feuille de style xsl est affecté au moyen de l'interface du cms.
    [/Contexte]

    Voilà pour le rappel.

    Ma problématique est la suivante.
    Sur l'une de mes pages, je récupère des informations concernant des livraisons (quantités, date, référence, etc.).

    [Extrait]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <arrivage_from_art_code art_code="refXXX.xxx">
       <arrivage>
          <mvtarr_lien_art_code type="VARCHAR">refXXX.xxx</mvtarr_lien_art_code>
          <mvtarr_quantite_piece type="INT">3000</mvtarr_quantite_piece>
          <mvtarr_date_disponible type="DATE">2009-10-21</mvtarr_date_disponible>
          <mvtarr_reference type="VARCHAR">AA00000000</mvtarr_reference>
       </arrivage>
       <arrivage>
          <mvtarr_lien_art_code type="VARCHAR">refXXX.xxx</mvtarr_lien_art_code>
          <mvtarr_quantite_piece type="INT">3000</mvtarr_quantite_piece>
          <mvtarr_date_disponible type="DATE">2010-01-10</mvtarr_date_disponible>
          <mvtarr_reference type="VARCHAR">AA00000001</mvtarr_reference>
       </arrivage>
    </arrivage_from_art_code>
    Jusqu'à présent, je me contentais simplement d'afficher, dans un tableau html, la date d'arrivage d'un article et la quantité qui lui est lié.

    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
    <table>
    	<tbody>
    		<tr>
    			<td class="tab_stock_head">Date(s) d'arrivage</td>
    			<td class="tab_stock_head">Quantité à venir</td>
    		</tr>
    		<xsl:for-each select="/root/arrivage_from_art_code/arrivage">
    			<tr>
    				<td>
    					<xsl:variable name="jour">
    						<xsl:value-of select="substring(mvtarr_date_disponible,9,2)"/>
    					</xsl:variable>
    					<xsl:variable name="mois">
    						<xsl:value-of select="substring(mvtarr_date_disponible,6,2)"/>
    					</xsl:variable>
    					<xsl:variable name="annee">
    						<xsl:value-of select="substring(mvtarr_date_disponible,1,4)"/>
    					</xsl:variable>
    					<xsl:value-of select="$jour"/>
    					<xsl:text>/</xsl:text>
    					<xsl:value-of select="$mois"/>
    					<xsl:text>/</xsl:text>
    					<xsl:value-of select="$annee"/>
    				</td>
    				<td>
    					<!-- Gestion de l'affichage des arrivages -->
    					<xsl:value-of select="mvtarr_quantite_piece"/> pièces.
    					<!-- Fin de la Gestion de l'affichage des arrivages -->
    				</td>
    			</tr>
    		</xsl:for-each>
    	</tbody>
    </table>
    Seulement voilà, il nous arrive parfois que la date de réception soit dépassée (ex.: Nous sommes le 22/10/09 et l'article est arrivé le 21/10/09).
    Il me faut donc mettre en place une condition simple pour gérer l'affichage.
    Mais après quelques recherches, je sais que le XSL ne permet pas de générer un variable du type "date du jour" comme dans d'autres langages.
    J'ai donc recherché une solution me permettant à la fois de générer cette date et de traité les condition d'affichage selon ces 2 dates.
    Je suis donc partie sur du javascript. Mais les conflits de langages que je rencontre (et je ne parle que ne ma propre expérience. Je n'ai pas trouvé de solution à ce problème jusqu'à maintenant..) entre celui-ci et le XSL ne me permette pas de gérer des variables XSL dans un morceau de code JS.

    J'ai donc tenté la méthode suivante mais sans succès :
    [XSL]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <xsl:variable name="dateArr">
    	<xsl:value-of select="mvtarr_date_disponible"/>";
    </xsl:variable>
    [JAVASCRIPT]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <xsl:text>
    	<script language="javascript" type="text/javascript">
    		date = new Date();
    		var aujourdhui = date.getFullYear()+"/"+(date.getMonth()+1)+"/"+date.getDate();
    		var dateArr = {$dateArr};
    		alert(dateArr); // test d'affichage avant traitement
    	</script>
    </xsl:text>
    Note : je suis conscient que la syntaxe est sans doute à revoir. Mais, pour ma défense, j'ai testé une bonne dizaine de solutions différentes au par avant et je commence à en perdre mon latin...

    Voilà donc mon soucis. Pour le reste du traitement, je saurais faire mais la gestion des variables entre JS et XSL me pose régulièrement des problèmes. Si vous avez une autre solution envisageable, je suis preneur aussi!

    N.B.: Pour vous éviter de perdre du temps;
    NON, je n'ai absolument pas la main mise sur les xml générés par le cms.
    OUI, mes notions de XSL/XML sont novices car j'ai tout appris sur le tas et je n'ai jamais pu prendre le temps de les approfondir. (idem pour le javascript)
    NON, je ne peux pas utiliser d'autre langage comme le php, l'asp., etc.
    Je vous remercie infiniment d'avance pour toute l'aide que vous pourrez m'apporter car ce n'est pas la première fois que je rencontre ce problème.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Salut,
    Ca fait longtemps que j'ai pas pratiqué XSL, mais je n'ai pas le souvenir qu'il soit possible d'y intégrer du JavaScript.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre Expert Avatar de alain.couthures
    Profil pro
    Gérant
    Inscrit en
    Avril 2007
    Messages
    902
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Gérant

    Informations forums :
    Inscription : Avril 2007
    Messages : 902
    Par défaut
    En fait, du point de vue du XSL, on ne fait pas de distinction entre le code Javascript et le reste en HTML...

    La notation {} est réservée au chargement d'une valeur dans un attribut. Sinon, il convient d'utiliser un xsl:value-of pour intervenir dans la valeur d'un élément.

    Ceci s'écrirait comme suit :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var dateArr = <xsl:value-of select="$dateArr"/>;
    Mais, en fait, ce n'est pas syntaxiquement correct. Il faut vraiment écrire le code Javascript avec le XSLT :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var dateArr = new Date(<xsl:value-of select="substring($dateArr,1,4)"/>,<xsl:value-of select="number(substring($dateArr,6,2))"/>,<xsl:value-of select="number(substring($dateArr,9,2))"/>);

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 6
    Par défaut Suite et Fin
    Bonjour à tous!

    Tous d'abord, merci pour vos réponses. Elles m'ont été plus qu'utile et très enrichissantes!

    Pour répondre à Bovino (avec un wagon de retard), effectivement, il est tout à fait possible d'intégrer du javascript dans des fichiers XSL.
    Pour ma part, le site que j'ai développé en XSL, et que j'entretiens encore aujourd'hui, utilise beaucoup de fonction javascript et cela fonctionne parfaitement bien.

    Bref! Revenons à nos moutons!
    Merci alain pour ta réponse. Cela fonctionne à merveille.
    Bien que mon code soit loin d'être parfait, je vous mets, ci-dessous, la solution que j'ai pu mettre en place.

    [Dans ma page 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
    <table>
       <tbody>
          <tr>
             <td class="tab_stock_head">Date(s) d'arrivage</td>
             <td class="tab_stock_head">Quantité à venir</td>
          </tr>
          <xsl:for-each select="/root/arrivage_from_art_code/arrivage">
             <tr>
                <td>
                   <xsl:variable name="dateArr">
                      <xsl:value-of select="mvtarr_date_disponible"/>
                   </xsl:variable>
                   <script language="javascript" type="text/javascript">
                      /* Récupération de la date de livraison pour traitement Javascript */
                      var dateArr = new Date(<xsl:value-of select="substring($dateArr,1,4)"/>,<xsl:value-of select="number(substring($dateArr,6,2))-1"/>,<xsl:value-of select="number(substring($dateArr,9,2)+1)"/>);
                      /* Application du script */
                      gestAffDate(dateArr);
                   </script>
                </td>
             </tr>
          </xsl:for-each>
       </tbody>
    </table>
    [CODE 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
    function gestAffDate(dateArr){
    	/* Conversion de la date en chaine de caractère */
    	dateArr = dateArr.toGMTString();
     
    	/* Récupération de l'année */
    	var annee = dateArr.substring(11,16);
    	annee = annee.replace(' ', '');
     
    	/* Récupération du jour */
    	var jour = dateArr.substring(5,7);
    	jour = jour.replace(' ', '');
     
    	/* Récupération du mois */
    	var mois = dateArr.substring(8,11);
    	mois = mois.replace(' ', '');
    	//alert(mois);
     
    	/* Conversion du mois en nombre */
    	var moisConv;
    	if(mois == 'Jan'){moisConv='01';}
    	if(mois == 'Feb'){moisConv='02';}
    	if(mois == 'Mar'){moisConv='03';}
    	if(mois == 'Apr'){moisConv='04';}
    	if(mois == 'May'){moisConv='05';}
    	if(mois == 'Jun'){moisConv='06';}
    	if(mois == 'Jul'){moisConv='07';}
    	if(mois == 'Aug'){moisConv='08';}
    	if(mois == 'Sep'){moisConv='09';}
    	if(mois == 'Oct'){moisConv='10';}
    	if(mois == 'Nov'){moisConv='11';}
    	if(mois == 'Dec'){moisConv='12';}
     
    	/* Concaténation des variables pour test */
    	var newDateArr = annee+moisConv+jour;
    	var affDateArr = jour+"/"+moisConv+"/"+annee;
    	newDateArr = parseInt(newDateArr);
    	var dateD = new Date();
     
    	/* Récupération de la date du jour */
    	var aujourdhui = dateD.getFullYear()+""+(dateD.getMonth()+1)+""+dateD.getDate();
    	if(newDateArr > aujourdhui){
    		document.write(affDateArr);
    	}
    	else{
    		document.write("En cours d'entr&eacute;e en stock.");
    	}
    }
    Mon JS est un peu "confus" pour le moment mais je le remanierais par la suite.
    Du coup, bien que mon problème d'origine soit lié au XSL, la solution, elle, est plus orientée JS...
    Enfin, tant que ça fonctionne comme je le souhaite, c'est le principal! \o/

    Merci encore!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Variable Javascript dans Variable XSL
    Par wakan dans le forum XSL/XSLT/XPATH
    Réponses: 5
    Dernier message: 13/08/2009, 14h42
  2. Passage variable xsl en javascript
    Par Baobab12 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 28/07/2009, 11h17
  3. variable XSL et javascript
    Par Baobab12 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/07/2009, 19h44
  4. Passer la valeur dune variable javascript à une variable xsl
    Par nramariavelo dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 12/12/2005, 17h27
  5. [XSL/JavaScript]problème d'intégration code JS dans le XSL
    Par Devil666 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/04/2005, 16h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo