Biblioscript.com : Affichez un texte alleatoirement parmi une liste

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Divers

Affichage de textes au hasard

	Fonction

		Le but de ce script est de pouvoir afficher un texte alléatoirement à chaque chargement de page, parmi une liste, pratique pour la pensée du jour ou des citations...

	Principe

		Le JavaScript intègre une fonction de sélection d'un nombre alléatoire compris entre 0 et 1 (toutes les décimales comprises). A partir de là, on multiplie ce nombre par le nombre de citation, moins une, on l'arrondit pour retomber sur un nombre 'entier' et on ajoute '1' (car on commence les textes à 1, non nécessaire si on commence les textes à 0). On crée ensuite les textes en question, dans un 'tableau' de données et on affecte le sélectionné par le nombre alléatoire au formulaire. Dans la pratique, on appelera la fonction au chargement de la page et on appliquera le texte alléatoire directement au sein de la page, pas dans un formulaire comme ici mais en utilisant '<script language="JavaScript">document.write(texte);</script>'.

	Le script

dans la partie <head>

// le nombre suivant correspond au nombre de citation total

var nombre_textes = 10;

// on demande un nombre alléatoire à l'ordinateur

var nombre_alleatoire = Math.random();

var numero = Math.round( ( nombre_textes - 1 ) * nombre_alleatoire ) + 1;

textes = new Array;

// suivent maintenant les textes disponibles

textes[1] = "Bienvenue sur ce site...";

textes[2] = "Il fait frisquet ces temps-ci non ?";

textes[3] = "Etre ou ne pas etre...";

textes[4] = "Ca vous plait ?";

textes[5] = "Comment faire une buche de Noel...";

textes[6] = "Si j'avais su, j'aurais pas venu !";

textes[7] = "Ca va bien aujourd'hui ?";

textes[8] = "Je suis un mannequin glace avec un teint de soleil";

textes[9] = "L'important c'est de participer.";

textes[10] = "Pourquoi, comment, tant de questions qui restent sans reponse...";

var texte = textes[numero];

// on affecte le texte retenu au formulaire

document.formulaire.texte.value = texte;

}
</script>

dans la partie <body>

<form name="formulaire">
<input type="button" value="Affichez un texte" OnClick="alleatoire();">
<input type="text" name="texte" size="40">
Recommencez autant que vous voulez...
</form>

	Démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

div_alea_texte.zip
1 Ko

Script séparé :

div_alea_texte2.zip
1 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques