Easy-Micro


LANGAGE Script JavaScript
Bouton Oui-Non

Bouton oui/non (type va-et-vient)

Exemple de bouton oui/non (type va-et-vient) qui change la couleur de fond d'une page html

Exemple JavaScript Petit exemple concret :

Pour réaliser l'exemple ci-dessus, copier/coller ce script dans votre document HTML :

Dans un fichier html, créer un bouton comme ceci :
<input type="button" value="Changer la couleur de fond" onclick="changement_de_polarite();" />

Dans un fichier js (ou dans le head de votre page HTML) :
var polarité = false;

function change_la_couleur_de_fond() {
// actions suivant l'état du bouton
if (polarité) { document.getElementsByTagName('body')[0].style.backgroundColor = '#000088'; }
else {document.getElementsByTagName('body')[0].style.backgroundColor = ''; }
}

function changement_de_polarite() {
// si polarité = true
if (polarité) { polarité = false; } else { polarité = true; }
// Appel de procédure distante :
change_la_couleur_de_fond();
}

Note: Cet exemple a été réalisé en collaboration avec Damien du Credit Agricole de PAU. L'exemple du bouton change ici la couleur de fond d'un div et non pas du body car j'ai une image en fond de body qui cache la couleur.

Une autre technique JavaScript de changement de couleur de fond est proposé par Easy-Micro comme exemple d'utilisation de l'objet style :

document.getElementById('mondiv').style.backgroundColor = '#000088";


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 25 juin 2019 - Semaine 26 - Saint Prosper (Demain: Saint Anthelme)
Aujourd'hui, c'est l'anniversaire de George Michael (1963-56 ans), auteur-compositeur-interprète anglais. Autre 25 juin: 1991 - La Croatie et la Slovénie proclament lеur indépendance de la Yοugoslavie.
Haut de page Easy-Micro