CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 10:26:11

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

GESTION D'UNE VIDEOTHÈQUE SOUS XML

Information sur la source

Note :

8,50 / 10

Catégorie :Navigation Niveau :Débutant Date de création :03/04/2009 Vu / téléchargé :5 684 / 606

Auteur : grarestephane

Ecrire un message privé

Commentaire sur cette source (15)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Voilà un exemple de gestion d'une videothèque sous XML et HTML sous forme de deux exemples identiques. Le premier étant en JavaScript, le second en VBScrit. L'objectif de ce code source et d'aider les débutants dans la gestion de données qui proviennent d'un fichier XML avec Javascrit et VBScript. On exploite ces données sous HTML (Jaquette, titre, acteur(s)... et descriptif du film). Il reste un problème à régler concernant les liens "Suivants" et "Précèdents" pour la page Web qui contient du code en VBScript. J'avoue que je n'y suis pas arriver. Pas de problème en Javascript, si quelqu'un peu m'aider concernant i++ en VBScript. MERCI d'avance !

Source

//VERSION JAVASCRIPT
<HTML>
<HEAD>
<title>Exemple XML avec JavaScript</title>
<SCRIPT language="JavaScript" type="text/javascript">
i = 0;
function videotheque(){
doc = fichierxml.XMLDocument;
collectionfilm = doc.documentElement.getElementsByTagName("film");
nbrfilm = collectionfilm.length;
i = (i>collectionfilm.length -1) ? collectionfilm.length -1 : i ;
i = (i<0) ? 0 : i ;
//Variable
var strActeur="";
//Lecture du fichier XML
strTitre = collectionfilm.item(i).childNodes(0).text;
strGenre = collectionfilm.item(i).getElementsByTagName("genre").item(0).text;
//Noeud de niveau 2
strReference = collectionfilm.item(i).childNodes(0).attributes(0).nodeValue;
collectionacteur = collectionfilm.item(i).getElementsByTagName("acteur");
nbracteur = collectionacteur.length;
for(aut=0;aut<nbracteur;aut++){
strActeur = strActeur + collectionacteur.item(aut).text + " ";
}
if(collectionfilm.item(i).getElementsByTagName("descriptif").length!=0){
strDescriptif = collectionfilm.item(i).getElementsByTagName("descriptif").item(0).text;
}else{
strDescriptif = "";
}
if(collectionfilm.item(i).childNodes(0).attributes(1)!=null){
strImage = collectionfilm.item(i).childNodes(0).attributes(1).nodeValue;
}else{
strImage = "blanc.jpg";
}
//Affichage sur la page Web
jaquette.innerHTML = "<img border='0' src='" + strImage + "' width='151' height='205'>";
film.innerHTML = "" + strTitre + " " + "Référence : " + strReference + " " + "Acteur(s) : " + strActeur + " "
+ "Genre : " + strGenre + " " + "Descriptif : " + strDescriptif + "";
//Fin de la fonction
}
</SCRIPT>
</HEAD>
<BODY onload="videotheque();" style="text-align: justify">
<xml id="fichierxml" src="fichierxml.xml"/>
<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="160" height="210" align="justify" valign="middle">
</td>
<td align="justify" valign="top" style="font: 10px verdana">
</td>
</tr>
<tr>
<td style="font: 11px verdana" align="justify">
<a href="#" onclick="videotheque(i--)"> < Précédent</a> -
<a href="#" onclick="videotheque(i++)"> Suivant ></a>
</td>
<td>
</td>
</tr>
</table>
</BODY>
</HTML>
//VERSION VBSCRIPT
<HTML>
<HEAD>
<title>Exemple XML avec VBScript</title>
<SCRIPT language="VbScript">
Dim i
i=0
Function videotheque()
Set XMLDocument = CreateObject ("Microsoft.XMLDOM")
'Chargement du document XML
'Permet de charger entièrement le document en mémoire avant le traitement :
XMLDocument.async = "false"
XMLDocument.load("fichierxml.xml")
Set collectionfilm = XMLDocument.documentElement.getElementsByTagName("film")
nbrfilm = collectionfilm.length
'Variable
strActeur=""
'Lecture du fichier XML
strTitre = collectionfilm.item(i).childNodes(0).text
strGenre = collectionfilm.item(i).getElementsByTagName("genre").item(0).text
'Noeud de niveau 2
strReference = collectionfilm.item(i).childNodes(0).attributes(0).nodeValue
Set collectionacteur = collectionfilm.item(i).getElementsByTagName("acteur")
nbracteur = collectionacteur.length
y=0
for y = 0 to nbracteur - 1
strActeur = strActeur & collectionacteur.item(y).text + " "
next
if collectionfilm.item(i).getElementsByTagName("descriptif").length <> 0 then
strDescriptif = collectionfilm.item(i).getElementsByTagName("descriptif").item(0).text
else
strDescriptif = ""
end if
if collectionfilm.item(i).childNodes(0).attributes(1).nodeValue <> "" then
strImage = collectionfilm.item(i).childNodes(0).attributes(1).nodeValue
else
strImage = "blanc.jpg"
end if
'Affichage sur la page web :
jaquette.innerHTML = "<img border='0' src='" & strImage & "' width='151' height='205'>"
film.innerHTML = "" & strTitre + " " & "Référence : " & strReference & " " & "Acteur(s) : " & strActeur & " " & _
"Genre : " & strGenre & " " & "Descriptif : " & strDescriptif & ""
'Fin de la fonction
End Function
</SCRIPT>
</HEAD>
<BODY onload="videotheque()" style="text-align: justify">
<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="100" height="100" align="justify" valign="middle">
</td>
<td align="justify" valign="top" style="font: 10px verdana">
</td>
</tr>
<tr>
<td style="font: 11px verdana" align="justify">
<a href="#" onclick="videotheque()"> < Précédent</a> -
<a href="#" onclick="videotheque()"> Suivant ></a>
</td>
<td>
</td>
</tr>
</table>
</BODY>
</HTML>

//VERSION JAVASCRIPT

<HTML>
<HEAD>
<title>Exemple XML avec JavaScript</title>
<SCRIPT language="JavaScript" type="text/javascript">
i = 0;
function videotheque(){
doc = fichierxml.XMLDocument;
collectionfilm = doc.documentElement.getElementsByTagName("film");
nbrfilm = collectionfilm.length;
i = (i>collectionfilm.length -1) ? collectionfilm.length -1 : i ;
i = (i<0) ? 0 : i ;

//Variable
var strActeur="";

//Lecture du fichier XML
strTitre = collectionfilm.item(i).childNodes(0).text;
strGenre = collectionfilm.item(i).getElementsByTagName("genre").item(0).text;
//Noeud de niveau 2
strReference = collectionfilm.item(i).childNodes(0).attributes(0).nodeValue;

collectionacteur = collectionfilm.item(i).getElementsByTagName("acteur");
nbracteur = collectionacteur.length;
for(aut=0;aut<nbracteur;aut++){
strActeur = strActeur + collectionacteur.item(aut).text + "<br />";
}

if(collectionfilm.item(i).getElementsByTagName("descriptif").length!=0){
strDescriptif = collectionfilm.item(i).getElementsByTagName("descriptif").item(0).text;
}else{
strDescriptif = "";
}

if(collectionfilm.item(i).childNodes(0).attributes(1)!=null){
strImage = collectionfilm.item(i).childNodes(0).attributes(1).nodeValue;
}else{
strImage = "blanc.jpg";
}

//Affichage sur la page Web

jaquette.innerHTML = "<img border='0' src='" + strImage + "' width='151' height='205'>";

film.innerHTML = "<span style='font: bold 14px;'>" + strTitre + "</span><br/>" + "<span>Référence : </span><span style='color: #ff6900'>" + strReference + "</span><br/>" + "<span>Acteur(s) : </span><br/><span style='font: bold 10px;'>" + strActeur + "</span><br/>"
+ "<span>Genre : </span><span>" + strGenre + "</span><br/>" + "<span>Descriptif : </span><span>" + strDescriptif + "</span>";

//Fin de la fonction
}
</SCRIPT> 
</HEAD>
<BODY onload="videotheque();" style="text-align: justify">
<xml id="fichierxml" src="fichierxml.xml"/>

<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="160" height="210" align="justify" valign="middle">
<span id="jaquette" style="font: 10px verdana;" />
</td>
<td align="justify" valign="top" style="font: 10px verdana">
<span id="film" style="font: 10px verdana;" />
</td>
</tr>
<tr>
<td style="font: 11px verdana" align="justify">
<a href="#" onclick="videotheque(i--)"> &lt; Précédent</a> -
<a href="#" onclick="videotheque(i++)"> Suivant &gt;</a>
</td>
<td>
</td>
</tr>
</table>

</BODY>
</HTML>


//VERSION VBSCRIPT

<HTML>
<HEAD>
<title>Exemple XML avec VBScript</title>
<SCRIPT language="VbScript">
Dim i
i=0
Function videotheque()
Set XMLDocument = CreateObject ("Microsoft.XMLDOM")
'Chargement du document XML
'Permet de charger entièrement le document en mémoire avant le traitement :
XMLDocument.async = "false"
XMLDocument.load("fichierxml.xml")
Set collectionfilm = XMLDocument.documentElement.getElementsByTagName("film")
nbrfilm = collectionfilm.length

'Variable
strActeur=""

'Lecture du fichier XML
strTitre = collectionfilm.item(i).childNodes(0).text
strGenre = collectionfilm.item(i).getElementsByTagName("genre").item(0).text
'Noeud de niveau 2
strReference = collectionfilm.item(i).childNodes(0).attributes(0).nodeValue

Set collectionacteur = collectionfilm.item(i).getElementsByTagName("acteur")
nbracteur = collectionacteur.length
y=0
for y = 0 to nbracteur - 1
strActeur = strActeur & collectionacteur.item(y).text + "<br />"
next

if collectionfilm.item(i).getElementsByTagName("descriptif").length <> 0 then
strDescriptif = collectionfilm.item(i).getElementsByTagName("descriptif").item(0).text
else
strDescriptif = ""
end if

if collectionfilm.item(i).childNodes(0).attributes(1).nodeValue <> "" then
strImage = collectionfilm.item(i).childNodes(0).attributes(1).nodeValue
else
strImage = "blanc.jpg"
end if

'Affichage sur la page web :

jaquette.innerHTML = "<img border='0' src='" & strImage & "' width='151' height='205'>"

film.innerHTML = "<span style='font: bold 14px;'>" & strTitre + "</span><br/>" & "<span>Référence : </span><span style='color: #ff6900'>" & strReference & "</span><br/>" & "<span>Acteur(s) : </span><br/><span style='font: bold 10px;'>" & strActeur & "</span><br/>" & _
"<span>Genre : </span><span>" & strGenre & "</span><br/>" & "<span>Descriptif : </span><span>" & strDescriptif & "</span>"

'Fin de la fonction
End Function
</SCRIPT> 
</HEAD>
<BODY onload="videotheque()" style="text-align: justify">

<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="100" height="100" align="justify" valign="middle">
<span id="jaquette" style="font: 10px verdana;" />
</td>
<td align="justify" valign="top" style="font: 10px verdana">
<span id="film" style="font: 10px verdana;" />
</td>
</tr>
<tr>
<td style="font: 11px verdana" align="justify">
<a href="#" onclick="videotheque()"> &lt; Précédent</a> -
<a href="#" onclick="videotheque()"> Suivant &gt;</a>
</td>
<td>
</td>
</tr>
</table>

</BODY>
</HTML>

Conclusion

+ VOIR LE FICHIER XML DANS LE ZIP. Bon je rappel que je suis débutant et que j'essaye juste de contribuer au site afin d'aider d'autres débutants comme moi. Ok pour les PRO ce que je fais c'est clair que c'est bidon, il y a surment des erreurs, alors merci de bien vouloir m'aider car j'ai pas fait d'étude dans l'informatique, je suis juste un amateur mais j'aime bien l'informatique.

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Gestion D'Une Videothèque Sous XML
- Jaquettes
  - La Colo Des Gourmands (DivX).jpg 48 209 octets
  - La Nuit Au Musée (DivX).jpg 98 167 octets
  - Mary A Tous Prix (DivX).jpg 104 198 octets
  - Thumbs.db16 896 octets
- blanc.jpg 907 octets
- fichierxml.xml 2 403 octets
- Gestion D'Une Videothèque Sous XML Et HTML.jpg 46 434 octets
- XML Et JavaScript.html 2 464 octets
- XML Et VBScript.html 2 523 octets

Télécharger le zip

Sources du même auteur

MESSAGES VIRTUELS

ENVOIE DE MESSAGE AUTOMATIQUE

VALIDATION D'UN FORMULAIRE

CHAT VIRTUEL

AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE

Toutes les sources de grarestephane

Sources de la même categorie

ANTI-ROBOTS V 1.0 par MacGaliver

PRÉSENTOIR PAGE/SUJET par tiranus

NAVIGATEUR INTERNET HAVRET par HAVRETos

WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator

NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh

Toutes les sources de la catégorie Navigation

Commentaires et avis

Commentaire de juliuse le 04/04/2009 00:06:19

pour les donnee on les rentre ou ??

Commentaire de grarestephane le 04/04/2009 08:44:33

Les données sont extrait du fichier XML. En faite les modèles actuelles permettent de voir les données mais pas de les modifiers ou de les entrées à partir des pages web, seulement en modifiant le fichier XML directement.

Commentaire de juliuse le 04/04/2009 13:53:57

ok pe tu fait un formuler pour les rentre stp car ton sript et synpa et simple a utlise pour ma videoteque stp merci

Commentaire de grarestephane le 04/04/2009 19:26:14

En faite, on peut modifier les fichier XML mais pas sous HTML, il faut changer l'extension HTML en HTA. Mais moi j'ai pas créé de formulaire pour modifier mon fichier XML. J'ai créer une macro sous Excel qui analyse chacuns de mes dossiers et qui génére le fichier XML. Chacuns des dossiers contenant un fichier texte avec les informations tels que : Titre, acteurs, réalisateurs, descriptifs... Depuis cela à bien évoluer, j'intégre des extraits de films et des images du films et bien d'autres encore. Mais je ne peux pas mettre le fichier Excel qui pèse très lourds car je m'en sert pour plein de choses (le tout automatisé...). Le but de ma source est avant tout de servir d'exemple. C'est un exemple que j'ai constitué lors que j'apprenais le XML en 2007. Exemple qui peut maintenant servir à d'autres pour créer leurs propres Vidéothèque.

Commentaire de juliuse le 04/04/2009 20:36:00

ok merci pour l'info

Commentaire de griffondorr le 04/04/2009 22:45:03 10/10

sa peut etre très utile ;)

Commentaire de Tetsuoo2005 le 07/04/2009 20:41:19

Le xml ne s'affiche pas du tout sous FIREFOX.
Ptêt un problème de doctype ? Enfin j'ai tenté d'en mettre un mais ça n'a rien changé - et je ne m'y connais pas bcp en XML malheureusement.

Sinon c'est plutôt sympa comme idée :)

Commentaire de ViveLeP2P le 08/04/2009 09:29:38 7/10

tu es modeste ! je l'utiliserai surement, ca me fait gagner du temps et je n'aurai plus qu'à y ajouter une balise dans le xml pour les liens vers les vidéos (perso) et un lecteur sur la partie html.
Bravo! et le vive le p2p

Commentaire de dircom13 le 11/04/2009 03:04:55

Avec cet exemple je comprends enfin comment fonctionne le trio HTML / Javascript / XML... Merci !

MAIS... pourquoi ne fonctionne pas avec Firefox ! ! !

L'auteur ou un pro aurait un début de piste à donner.

Merci d'avance.

Commentaire de griffondorr le 11/04/2009 12:37:28

dicom13, le mieux c'est de lire sur internet, quel programme peut lire tel type de langage :p

exemple pour le php = easyphp et wamp
donc pour le javascript dois avoir un programme égaleemnt qui dois te permettre de le lire :p

Commentaire de dircom13 le 11/04/2009 15:30:13

Mercie de ta réponse mais... ne pige pas.

Qu'il faille un programme plus un serveur plus des bases de données pour du PHP OK cela fait 6 mois que me coltine avec Easyphp, Apache et Joomla.

Mais j'avais cru comprendre que trio HTML / Javascript / XML n'avait pas besoin de programme externe, mais seulement que le Javascript soit activé !

J'ai bien du comprendre puisque si j'arrête Easyphp et Apache le script de Grarestephane fonctionne toujours aussi bien sous IE... et toujours pas avec Firefox.

Une autre piste ?

Commentaire de griffondorr le 11/04/2009 16:44:14

et moi j'ai une autre question dircom13 comment active ton le javascript ?

Commentaire de dircom13 le 11/04/2009 17:15:39

Dans Firefox :
-> Outils
-> Options
-> Onglets : Contenu
-> Case à cocher : Activer JavaScript

Dans IE mais IE6 et sans garantie je ne m'en sert que pour la mise forme de mon site :
-> Outils
-> Options Internet
-> Onglets : Avancé
-> Section : Navigation
-> Case à cocher : Activer les extensions tierces... ou autre (pourquoi faire simple)

Commentaire de griffondorr le 11/04/2009 17:24:50

pour firefox c'était déjà activer et pour internet explorer j'ai pas trouver, c'est où ?

Commentaire de grarestephane le 30/04/2009 19:31:39

Pour ce qui ont aimé cette source, vous aimerais encore plus ma source CHAT VIRTUEL ! Venez vite la découvrir !!

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP