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 ]
Vendredi 22 mars 2019 - Semaine 12 - Sainte Léa (Demain: Saint Victorien)
Aujourd'hui, c'est l'anniversaire de George Benson (1943-76 ans), guitariste et chanteur de jazz américain (1980: Give Me the Night...) de Fanny Ardant (1949), actrice française et de William Shatner (1931), acteur américain (le capitaine Kirk dans StarTrek). Autre 22 mars: 2016 : attentats terroristes à Bruxelles, faisant 32 morts et 340 blessés.
Haut de page Easy-Micro