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

Télécharger le projet
Commenter

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>
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.