begin process at 2012 02 09 20:05:03
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > TRI DYNAMIQUE XML SOUS FIREFOX

TRI DYNAMIQUE XML SOUS FIREFOX


 Information sur la source

Note :
7 / 10 - par 2 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Classé sous :tri, dynamique, xm, xslt, firefox Niveau :Débutant Date de création :26/04/2006 Vu :9 910
Auteur : stela86

Ecrire un message privé
Site perso
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

 Description

Voilà, on voit souvent l'accès a un code de tri pour IE avec des objets ActiveX , mais ils ne fonctionnent pas sous Firefox. Mon code est donc un tri dynamique a partir d'un feuille XML et XSLT qui fonctionne sous Firefox.

Source

  • PAGE HTML
  • <html>
  • <head>
  • <script type="text/javascript">
  • var processor;
  • var xslt;
  • var xmlDoc;
  • function tri(field,order) {
  • processor.setParameter(null,"field", field);
  • processor.setParameter(null,"order", order);
  • var resultat = processor.transformToFragment(xmlDoc,document);
  • document.body.innerHTML = ""
  • document.body.appendChild(resultat);
  • }
  • function tri_init(field,order) {
  • xslt= document.implementation.createDocument("", "", null);
  • xslt.async=false;
  • xslt.load("test-xslt.xml");
  • processor =new XSLTProcessor();
  • processor.importStylesheet(xslt);
  • xmlDoc= document.implementation.createDocument("", "", null);
  • xmlDoc.async=false;
  • xmlDoc.load("test.xml");
  • tri(field,order);
  • }
  • </script>
  • </head>
  • <body>
  • <script type="text/javascript">
  • tri_init('name', 'ascending');
  • </script>
  • </body>
  • </html>
  • FEUILLE DE STYLE XSLT :test-xslt.xml
  • <?xml version="1.0" encoding="UTF-8"?>
  • <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  • <xsl:output method="html" indent="yes"/>
  • <xsl:param name="field"/>
  • <xsl:param name="order"/>
  • <xsl:template match="persons">
  • <table>
  • <xsl:variable name="neworder">
  • <xsl:if test="$order='ascending'">descending</xsl:if>
  • <xsl:if test="$order='descending'">ascending</xsl:if>
  • </xsl:variable>
  • <tr><th><a href="javascript:tri('name','{$neworder}')">name</a></th><th><a href="javascript:tri('phone','{$neworder}')">phone number</a></th></tr>
  • <xsl:for-each select="person">
  • <xsl:sort select="*[name()=$field]" order="{$order}"/>
  • <tr><td><xsl:value-of select="name"/></td><td><xsl:value-of select="phone"/></td></tr>
  • </xsl:for-each>
  • </table>
  • </xsl:template>
  • </xsl:stylesheet>
  • FEUILLE XML: test.xml
  • <?xml version="1.0" encoding="UTF-8"?>
  • <persons>
  • <person>
  • <name>
  • toto
  • </name>
  • <phone>
  • 1122334455
  • </phone>
  • </person>
  • <person>
  • <name>
  • titi
  • </name>
  • <phone>
  • 3344556677
  • </phone>
  • </person>
  • <person>
  • <name>
  • tata
  • </name>
  • <phone>
  • 2233445566
  • </phone>
  • </person>
  • </persons> 
PAGE HTML

<html>
   <head>
      <script type="text/javascript">
                var processor;
            var xslt;
            var xmlDoc;
                        
                function tri(field,order) {
                    processor.setParameter(null,"field", field);
                    processor.setParameter(null,"order", order);
                    var resultat = processor.transformToFragment(xmlDoc,document);
                   document.body.innerHTML = ""
                    document.body.appendChild(resultat);
                }

                function tri_init(field,order) {
                    xslt= document.implementation.createDocument("", "", null);
                    xslt.async=false;
                    xslt.load("test-xslt.xml");
    
                    processor =new XSLTProcessor();
                    processor.importStylesheet(xslt);
                    xmlDoc= document.implementation.createDocument("", "", null);
                    xmlDoc.async=false;
                    xmlDoc.load("test.xml");
    
                                tri(field,order);
                }
      </script>
   </head>
   <body>
      <script type="text/javascript">
        tri_init('name', 'ascending');
      </script>
   </body>
</html>

FEUILLE DE STYLE XSLT :test-xslt.xml

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" indent="yes"/>
    
    <xsl:param name="field"/>
    <xsl:param name="order"/>
    
    <xsl:template match="persons">
        <table>
        <xsl:variable name="neworder">
          <xsl:if test="$order='ascending'">descending</xsl:if>
          <xsl:if test="$order='descending'">ascending</xsl:if>
         </xsl:variable>

           <tr><th><a href="javascript:tri('name','{$neworder}')">name</a></th><th><a href="javascript:tri('phone','{$neworder}')">phone number</a></th></tr>
         <xsl:for-each select="person">
          <xsl:sort select="*[name()=$field]" order="{$order}"/>
           <tr><td><xsl:value-of select="name"/></td><td><xsl:value-of select="phone"/></td></tr>
         </xsl:for-each>
        </table>
    </xsl:template>
</xsl:stylesheet>

FEUILLE XML: test.xml

<?xml version="1.0" encoding="UTF-8"?>
<persons>
<person>
  <name>
    toto
  </name>
  <phone>
      1122334455
  </phone>
</person>
<person>
  <name>
    titi
  </name>
  <phone>
      3344556677
  </phone>
</person>
<person>
  <name>
    tata
  </name>
  <phone>
      2233445566
  </phone>
</person>
</persons>

 Conclusion

Merci pour votre lecture.
Allez visiter ma page web http://stela86.free.fr


 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos
Toutes les sources de la catégorie Divers

 Sources en rapport avec celle ci

GALERIE PHOTO DYNAMIQUE EN JAVASCRIPT "JQUERY" par zertyx
Source avec Zip DEUX MENU DÉROULANT LE PREMIER GÉNÈRE LE DEUXIÈME MENU par hakimastouri
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture [LISTE DES ] SOFTS UTILISÉS par bultez

Commentaires et avis

Commentaire de galadriann le 27/04/2006 09:17:56

L'idee est excellente et je suis content que quelqu'un pense enfin a utiliser xsl pour faire des tri dynamique ...  et ca marche vraiment bien avec FF...  maintenant on te reprochera de ne faire le tri que pour FF et pas IE.

Je pense que ce serais donc bien d'essayer d'integrer les activeX de IE pour gerer le xsl...  
(meme si je suis 100% FF)

Commentaire de iomega le 02/05/2006 08:04:25

Hello j'ai essayé de faire fonctionner ton code sur FF version 1.5.02 et cela ne marche pas !!! Avez-vous une idée ?

Commentaire de lilbrother le 09/11/2006 21:50:19

Salut ! j'ai testé ton code sous firefox sur pc et sa marche très bien ! par contre sa ne marche plus du tout sous mac..... :(

Commentaire de punkyg le 23/06/2007 01:11:36

ton code est super mais je cherche une technique universel pour faire exactement ce que fais ton code, universelle c n'est pas seulement FF ou IE mais aussi opera et KHTML.
C'est ce qui est relou avec le JS, le résultat est différant sur chaque navigateur

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

menu dynamique [ par mamy ] Bonjour,voilà je dois créer une page web pour un site de vente en lignesur ma page d'accueil je vais afficher le menu avec les grandes catégories de p Formulaire oui, mais dynamique ! [ par jpinneau ] Bonjour, j'ai un formulaire, dont les champs Dynamique tel que les champs nécessaires sont dans une base de données.Lors de l'affichage de la page, je Positionnement dynamique d'un DIV [ par jeanne38 ] Bonjour, Ma page est générée par ASP, et sa longueur peut varier selon l'utilisateur. Elle a des fleches (images) qui, quand on clique dessus, affiche recuperer le contenu d'une variable dynamique [ par raincevent ] /*Salut,si quelqu'un peu me dépanner pour cette fonction qui me permettré de verifier un formulaire dynamique.En effet chaque variable "testx,v_total_ Excel et macro pour web dynamique [ par fcdconnect ] Bonjour,Peut on convertir une feuille de calcul comportant des macros en une page web dynamique de type Xml ou encore avec du javascript...serait t'il Tablo HTML dynamique [ par bside8 ] Bonjour,je souhaite rendre dynamique un tableau HTML.L'objectif est de mettre en surbrillance la ligne du tablo sur laquelle pointe la souris.Je ne sa Menu dynamique [ par bside8 ] Bonjour,je souhaite réaliser un menu somme toute classique consistant à faire apparaître un menu détaillé lors du passage de la souris sur l'un des it Contenu dynamique [ par bside8 ] Bonjour,je voudrais, avec des flèches '-' et '+' incrémenter ou décrémenter dynamiquement une valeur :- valeur +Comment je dois m'y prendre ?Merci Création d'une galerie d'images dynamique [ par joujou0000 ] j ai besoin de votre aide s-v-p, je suis debutant et je veux créer un site web contenant une galrie de photos dynamique avec du XHTML et du JAVASCRIPT tableau avec tri dynamique [ par rcedric ] Salut a tous,voila mon probleme; je cherche à afficher un tableau et que lorsqu l'on clic sur le libellé le tableau est trié et réafficher dynamiqueme


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy Tab (GT-P1000) Tablet PC
Entre 699€ et 699€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,858 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)