Accueil > > > HTML,XSLT ET XML LIRE LES DONNEES D'UN XML POUR AFFICHAGE SOUS FORME DE TABLEAU GRACE A UN SCRIPT XSLT EN LOCAL
HTML,XSLT ET XML LIRE LES DONNEES D'UN XML POUR AFFICHAGE SOUS FORME DE TABLEAU GRACE A UN SCRIPT XSLT EN LOCAL
Information sur la source
Description
Je ne sais pas si ma source est en bonne place (se serait plustôt une astuce). Les fichiers XML prennent de plus en plus d'importance sur le web par leur façon de présenter les données sous forme structurée mais aussi permettant un chargement rapide par certaines applications. Le principe : On se propose de lire les données issues d'un fichier XML sous forme de noeuds et de les afficher dans une page HTML sous forme de tableau. Pour cela on utilise un script XSLT dans la page html et on ne touche pas au XML (ce qui est très pratique lorsqu'on a plusieurs milliers de fichiers XML produits par une base de données par exemple).
Source
- script language="JavaScript">
- AfficheDocXML();
- function AfficheDocXML(){
-
- var Document;
- Document = new ActiveXObject("Microsoft.XMLDOM");// on fait appel à la DOM pour parser le XML !
- Document.async = "false"; // on lit en synchrone
-
- if(Document.load("catalogue.xml")){// au chargement on met en forme puis on place dans les cellules
- document.write("<TABLE BORDER=1 CELLPADDING=0>");
- document.write("<THEAD><TH>ID</TH><TH>Date</TH><TH>Nom</TH></THEAD>");
- for(i=0;i<Document.documentElement.childNodes.length;i++){
- document.write ("<TR ALIGN=center>");
- for(j=0;j<= 2;j++){
- document.write ("<TD>");
- document.write (Document.documentElement.childNodes(i).childNodes(j).text);
- document.write ("</TD>");
- }
- document.write ("</TR>");
- }
- document.write ("</TABLE>");
- }else{alert("fichier pas trouvé !");// si pas de fichier, alerte !
- }
- }
- </script>
script language="JavaScript">
AfficheDocXML();
function AfficheDocXML(){
var Document;
Document = new ActiveXObject("Microsoft.XMLDOM");// on fait appel à la DOM pour parser le XML !
Document.async = "false"; // on lit en synchrone
if(Document.load("catalogue.xml")){// au chargement on met en forme puis on place dans les cellules
document.write("<TABLE BORDER=1 CELLPADDING=0>");
document.write("<THEAD><TH>ID</TH><TH>Date</TH><TH>Nom</TH></THEAD>");
for(i=0;i<Document.documentElement.childNodes.length;i++){
document.write ("<TR ALIGN=center>");
for(j=0;j<= 2;j++){
document.write ("<TD>");
document.write (Document.documentElement.childNodes(i).childNodes(j).text);
document.write ("</TD>");
}
document.write ("</TR>");
}
document.write ("</TABLE>");
}else{alert("fichier pas trouvé !");// si pas de fichier, alerte !
}
}
</script>
Conclusion
Bien entendu, si vous avez un fichier XML important, il y aura un temps de chargement non négligeable ! Pour diminuer ce temps de chargement, passee les noeuds sous forme d'attributs de cette forme :
<Commandes> <Ordre id ="1" date="4/12/2002" name = "hélène Marqué"/>
<Ordre id ="2" date="4/12/2002" name = "Jean Bonbeurre"/>
</Commandes>
Il faudra réécrire le script pour lire les attributs des noeuds (of course). Cette façon de coder le XML vous permettra outre un gain de place sur le fichier XML, un temps de chargement augmenté de 25%
Si un codeur C++ ou Delphi pouvait offrir une source permettant en 1 clic de réaliser cette transformation des noeuds enfants en attributs des noeuds parents, ce serait un réel outil en local !!! Je vois ce prog un peu comme un batch qui scann les fichiers XML d'un dossier pour en faire l'inventaire dans un fichier result.xml par exemple. Qui à l'ouverture de chaque fichiers XML du répertoire, regarderait si l'encodage est bien UTF-8 (auquel cas il remplacerait cette 1ère ligne par le codage UTF-8) puis circulerait sur tous les noeuds parents de 1er niveau pour transformer les noeuds enfants en attributs du noeuds parents !!!
Je pense que ce serait une super bonne source utile (un .exe, un clic et zooooouuuu).
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
problème javascript - XML [ par iraho ]
Bonjour, j'ai un souci avec pour faire du xml dynamique avec javascript et j'aurais besoin d'aide. En fait, j'ai code associant xml, xslt et javascrip
qu'utilisez-vous pour [d]html+javascript ? [ par bultez ]
Bonjour à toutes et à tous,perso pour faire du [d]html+javascript ( et même php... et autres )j'utilise bêtement un éditeur à coloration syntaxique (
Récupération de valeur html avec Javascript [ par Eckmoule ]
Bonjour tout le monde, Je vais tenter d'expliquer mon soucis du mieux possible. J'ai une liste de lignes comprenant plusieurs valeurs (Prix, temps, e
Comment afficher une page HTML via javascript [ par sloyvy ]
javascript dans HTML [ par godelet ]
Bonjour,je n'arrive pas à voir mon alert lors du onClick dans la page html, le code est le suivant :<script type="text/javascript" src="/adsl/inf
insertion javascript dans l'HTML [ par Arniould ]
Bjr, je veux que mon script javascript insère une ligne dans mon HTML,j'ai utilisé la ligne suivante pour qu'il me renvoie ma ligne:self.location.href
PopUp html lancée à partir de flash par fonction javascript [ par totorienabattre ]
Bonjour tout le monde, Voilà déjà 3 jours que j'écume le web à la recherche de "LA" solution à mon problème ! J'espère vraiment que vous allez pouvoir
Parser un XML en javascript (=xml to array) [ par Logan ]
Bonjour,Je suis en train de realiser un petit chat en ajax, et je dois donc parser un xml pour en recuperer des valeurs en javascript...je vous montre
Ecrire définitivement dans page html [ par ads31 ]
Bonjour,je voudrai savoir s'il est possible que l'on conserve ce que l'on ecrit via du javascript dans une page HTML.La page est en HTML et en javascr
Problème d'encodage HTML et Javascript [ par demorex6 ]
Salut à tous! Je suis en train de realiser une petite application multilingue en php-Javascript-Mysql. J'ai créé un fichier pour la langue française
|
Derniers Blogs
[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice
Avec la dernière génération du lecteur MP3 de Microsoft, le ZUNE HD, Microsoft a publié une nouvelle version du logiciel pour PC. Ainsi, je me suis décidé à installer celle-ci sur mon Tablet PC ACER, comme toujours le logiciel est donc tél...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
RE : CONVERSIONRE : CONVERSION par peter2010
Cliquez pour lire la suite par peter2010
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|