Affiche des messages differents tous 5 secondes

Soyez le premier à donner votre avis sur cette source.

Vue 6 385 fois - Téléchargée 587 fois

Description

c'est un script simple permettant d'afficher aleatoirement des messages diferrents
c'est un script tres simple
vref c'est fait pour les débutants

Source / Exemple :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>JScript - Un message pour chaque visite</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1256">
<SCRIPT language=JavaScript>

// Création de la base de données des messages
var msg=new InitMsg();
msg.Add("Bonjour et bienvenue sur http://www.codes-cources.com/jscript");
msg.Add("Des mises à jour et des nouveaut&eacutes; régulières");
msg.Add("blablablablabla : ");
msg.Add("salut a tous blablablabla");
msg.Add("bonjour comment ca va");
msg.Add("Ne cherchez plus, votre javascript est ici www.codes-sources.com !");
// COMPLETER LA BASE ICI
// msg.Add( );
function disp(txt) { document.write(txt) }
function InitMsg() {
	this.nb_item=0;
	this.Add=AddMsg;
	this.Aff=AffMsg;
}
function AddMsg(txt) {
	var nb = this.nb_item;
	this[nb]=txt;
	this.nb_item++;
}
function AffMsg() {
	var nb = this.nb_item;
	var no=Math.round(Math.random(1)*(nb-1));
	disp("<BIG>"+this[no]+"</BIG>");
}
function reload() {
	window.location=document.location;
}
</SCRIPT>

<META content="MSHTML 6.00.2800.1479" name=GENERATOR></HEAD>
<BODY text=#000000 vLink=#ff8c00 aLink=#ff8c00 link=#ff8c00 
bgColor=#ffffff><FONT face=Arial color=#000000 size=-1>
<CENTER>Le message du jour est :<BR><BR>
<SCRIPT type=text/javascript>
	// Pour afficher le message du jour, une ligne suffit !
	msg.Aff()

	// La page est rechargée toutes les 5 secondes pour montrer l'affichage aleatoire des messages
	setTimeout("reload()",5000);
//--></SCRIPT>
<BR><BR><BR><SMALL>La page est rechargée toutes les 5 secondes, pour montrer 
l'affichage alétoire des messages</SMALL> </CENTER></FONT><!-- Script développé par Darkman--></BODY></HTML>

Conclusion :


voila je pourrai dire qu'il est simple

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
121
Date d'inscription
mardi 3 mai 2005
Statut
Membre
Dernière intervention
31 décembre 2005

merci crashtest
Messages postés
34
Date d'inscription
samedi 21 mai 2005
Statut
Membre
Dernière intervention
9 août 2007

aze555666 le plus simple pour éviter de recharger la page à chaque fois, c'est de mettre une balise
, et de changer le contenu html de cette balise :)
pour ça, il faut modifier la fonction disp(txt) en :
function disp(txt) {
document.getElementById("message").innerHTML= txt;
setTimeout("msg.Aff()",5000);
}
avec evidemment ici, la balise div déclarée à la place de l'appel de la fonction msg.Aff() dans le corps de la page :



Pour le premier lancement, il faudrait donc appeler la fonctionà l'aide de l'événement onload de la page :

De cette manière, le message s'inscrit une première fois apres le chargement complet de la page, et change toutes les 5 secondes, sans recharger la page.

ce qui donne au final :

<HTML><HEAD><TITLE>JScript - Un message pour chaque visite</TITLE>
<SCRIPT language=JavaScript>

// Création de la base de données des messages
var msg=new InitMsg();
msg.Add("Bonjour et bienvenue sur http://www.codes-cources.com/jscript");
msg.Add("Des mises à jour et des nouveautés; régulières");
msg.Add("blablablablabla : ");
msg.Add("salut a tous blablablabla");
msg.Add("bonjour comment ca va");
msg.Add("Ne cherchez plus, votre javascript est ici www.codes-sources.com !");
// COMPLETER LA BASE ICI
// msg.Add( );

function disp(txt) {
document.getElementById("message").innerHTML=txt;
setTimeout("msg.Aff()",5000);
}

function InitMsg() {
this.nb_item=0;
this.Add=AddMsg;
this.Aff=AffMsg;
}
function AddMsg(txt) {
var nb = this.nb_item;
this[nb]=txt;
this.nb_item++;
}
function AffMsg() {
var nb = this.nb_item;
var no=Math.round(Math.random(1)*(nb-1));
disp(" "+this[no]+" ");
}
function reload() {
window.location =document.location;
}
</SCRIPT>

<META content="MSHTML 6.00.2800.1479" name=GENERATOR></HEAD>

<CENTER>Le message du jour est :





<SMALL>La page est rechargée toutes les 5 secondes, pour montrer
l'affichage alétoire des messages</SMALL> </CENTER><!-- Script développé par Darkman--></HTML>
Messages postés
208
Date d'inscription
mardi 13 avril 2004
Statut
Membre
Dernière intervention
26 janvier 2009

je ne connais pas g chose au js, alors je ne me permettrais pas de mettre un mauvaise note, mais la page qui se recharge toutes les 5 secondes, il y a pas moyende faire autrement? tout le monde n'a pas l'affichage instantané! tu pourrais mettre une page rien que pour afficher le message dans une iframe, pour ne pas avoir à,tout recharger, par exemple.
Messages postés
121
Date d'inscription
mardi 3 mai 2005
Statut
Membre
Dernière intervention
31 décembre 2005

ok je vais essayer de l'ameliorer la_pin
@+ les programmeurs
Messages postés
275
Date d'inscription
mercredi 11 août 2004
Statut
Membre
Dernière intervention
15 décembre 2005

Je trouve le script bien pour un débutant du fait qu'il est super simple et qu'il met bien en avant plusieurs fonctions javascript utiles.
Pour la note, je te mets 6/10 car le code n'est pas une nouveauté, tu ne l'as pas conçu et qu'il est quand même archi-basique.
PS: ya un pb dans le titre de ta source ^^
Afficher les 8 commentaires

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.