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 ]
Jeudi 24 janvier 2019 - Semaine 04 - Saint François de Sales (Demain: Saint Manuel)
Aujourd'hui, c'est l'anniversaire de Daniel Auteuil (1950-69 ans), acteur français, de Nastassja Kinski (1961), actrice et mannequin allemande et de Muriel Moreno (1963), chanteuse française (du groupe Niagara). Autre 24 janvier: 2009 - Tempête Klaus sur le sud-ouest de la France (60% des forêts sont dévastées).
Haut de page Easy-Micro