Page précédente Topo HTML Page suivante



Couleur aléatoire du fond

Obtenir une couleur aléatoire du fond en cliquant sur le bouton. Ce script utilise 15 couleurs pré-définies et les choisit aléatoirement. L'effet est intéressant à condition de savoir quelle couleur de fond n'interfère pas avec le texte de votre page.

 
Le script de ce message est intéressant car il permet d' aborder le problème des nombres aléatoires.
 
 
Aujourd'hui, la fonction random est peut-être implémentée dans JavaScript .
 
Mais même sans cette fonction, il est possible de "calculer" des nombres aléatoirement en utilisant l'astuce présente dans ce script.
 
On prend l'heure et la date de la machine - > currendate = new date()
 
on donne à bakgroundcolor la valeur correspondant aux nombre courant des secondes (une valeur de 0 à 60) :
backgroundcolor = currentdate.getSeconds()
 
Ce nombre changeant tout le temps, au moment où vous cliquez vous n'obtiendrez jamais le même.
Comme, il n'y a que 16 couleurs pré-définies, il faut ramener le nombre "calculé" ( de 0 à 60) à une valeur allant de 0 à 15.
 
On utilise pour cela une instruction conditionnelle du type if...else if  ...return
Grâce à return pour chaque calcul une valeur de 0 à 15 sera retournée par la fonction getColor() dans la fonction randombackground()
 
si valeur initiale de 45 à 60 on retire 15
si valeur initiale de 30 à 44 on retire 30
si valeur initiale de 16 à 29 on retire 16  de la façon suivante :
 
else if (backgroundcolor > 29)  backgroundcolor = backgroundcolor - 30
 

 
Voici un autre script, avec une fonction pour tirer aléatoirement un nombre compris entre 0 et 99.
 
Cette fonction provient de Maynard Demmon. On fixe les limites du tirage par la variable -> limite = 100
 

Entrez votre nom SVP et sortez du contrôle par la touche TAB :
Encore un petit script tout simple mais intéressant à étudier, car il introduit le passage de paramètres.
 
Le paramètre à passer dans la fonction getname() sera votre nom obtenu dans un contrôle de formulaire (balise INPUT).
 
 
l'événement (la sortie du contrôle, après saisie)-> onBlur
la fonction appelée-> getname()
le paramètre(this.value) -> à faire passer dans la fonction getname(str) ( chaîne de caractères saisie au clavier, dans le contrôle du formulaire)
 
Dans la fonction getname(str) , où str représente la chaîne de caractères de votre nom
str sera concaténé à "salut" et "!" et pour finir la méthode window.alert affichera une fenêtre avec le message.