Horodater l'affichage du contenu d'un fichier xml avec jquery

Soyez le premier à donner votre avis sur cette source.

Vue 5 185 fois - Téléchargée 749 fois

Description

Affichage du contenu d'un fichier XML en fonction des dates et heures (Horodatage) avec JQuery.

Important:
Pour que le script fonctionne sous Chrome,
les fichier doivent être exécutés depuis un serveur Web (WampServer sur le poste par exemple).

Source / Exemple :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="date.js"></script>
<script>

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "news.xml",
        dataType: "xml",
        success: xmlParser
    });
});

function xmlParser(xml) {
	
	$(xml).find("message").each(function () {
		var fDate = "dd/MM/yyyy HH:mm";
		var dateCourante = new Date();
		dateCourante = formatDate(dateCourante,fDate)
	
		var dateDebut = new Date(getDateFromFormat($(this).find("dateDebut").text(),fDate));
		dateDebut= formatDate(dateDebut,fDate)
	
		var dateFin = new Date(getDateFromFormat($(this).find("dateFin").text(),fDate));
		dateFin= formatDate(dateFin,fDate)
	
		if(((compareDates(dateCourante,fDate,dateDebut,fDate))== 1)&&((compareDates(dateCourante,fDate,dateFin,fDate))== 0))
		{
			$(".main").append('<div class="message"><div class="texte">' + $(this).find("texte").text() 
			+ '</div><div class="dateCourante">' + dateCourante
			+ '</div><div class="dateDebut">' + dateDebut
			+ '</div><div class="dateFin">' + dateFin);
		}
	});

}

</script>

</head>
<body>

<div class="main">

</div>

</body>
</html>

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

pitu69
Messages postés
5
Date d'inscription
mercredi 15 septembre 2010
Statut
Membre
Dernière intervention
14 janvier 2013
-
Salut,

Bonne année à tous

Je cherche à le tester mais rien ne se passe.
Je suis sous firefox et les scripts dans xamp. Aurais-raté quelque chose?
Salut et Bonne Année.

Les librairies jqueru.js et date.js sont bien dans le même répertoire au même endroit que le fichier index?

Dans le fichier xml, as tu changé les dates et les heures?
2ki2koi
Messages postés
1
Date d'inscription
mercredi 6 septembre 2017
Statut
Membre
Dernière intervention
6 septembre 2017
-
Bonjour,
j'ai tester avec succes . mais j'aurai voulu savoir s'il étais possible de faire fonctionner le code en heure UTC et non en heure locoal. Est-ce possible?

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.