Changer une couleur de fond en un click
style.backgroundColor='couleur'
Rouge:  Vert:  Bleu:  Blanc:  transparent:
Code source
<div id="style">
Rouge:<input type="button" value="Click!" onClick="document.getElementById('style').style.backgroundColor='red'">
&nbsp;Vert:<input type="button" value="Click!" onClick="document.getElementById('style').style.backgroundColor='green'">
&nbsp;Bleu:<input type="button" value="Click!" onClick="document.getElementById('style').style.backgroundColor='blue'">
&nbsp;Blanc:<input type="button" value="Click!" onClick="document.getElementById('style').style.backgroundColor='white'">
&nbsp;transparent:<input type="button" value="Click!" onClick="document.getElementById('style').style.backgroundColor='transparent'">
</div>
setAttribute('bgcolor','couleur')
Rouge:  Vert:  Bleu:  Blanc:  transparent:
Code source
<div id="setAttribute">
Rouge:<input type="button" value="Click!"onClick="document.getElementById('setAttribute').setAttribute('bgcolor','red',false)">
&nbsp;Vert:<input type="button" value="Click!"onClick="document.getElementById('setAttribute').setAttribute('bgcolor','green',false)">
&nbsp;Bleu:<input type="button" value="Click!"onClick="document.getElementById('setAttribute').setAttribute('bgcolor','blue',false)">
&nbsp;Blanc:<input type="button" value="Click!"onClick="document.getElementById('setAttribute').setAttribute('bgcolor','white',false)">
&nbsp;transparent:<input type="button" value="Click!"onClick="document.getElementById('setAttribute').setAttribute('bgcolor','',false)">
</div>
function couleur_simple()
Rouge:  Vert:  Bleu:  blanc:  transparent:
Code source
<div id="simple">
Rouge:<input type="button" value="Click!" onClick="rouge_simple()">
&nbsp;Vert:<input type="button" value="Click!" onClick="vert_simple()">
&nbsp;Bleu:<input type="button" value="Click!" onClick="bleu_simple()">
&nbsp;<span onClick="blanc_simple()">blanc:(cliquez <b>ici</b>)</span>
&nbsp;transparent:<input type="button" value="Click!" onClick="transparent_simple()">
</div>
<script>
function rouge_simple(){document.getElementById("simple").style.backgroundColor="red";}
function vert_simple(){document.getElementById("simple").style.backgroundColor="green";}
function bleu_simple(){document.getElementById("simple").style.backgroundColor="blue";}
function blanc_simple(){document.getElementById("simple").style.backgroundColor="white";}
function transparent_simple(){document.getElementById("simple").style.backgroundColor="transparent";}
</script>
fuction couleur('couleur')
Rouge:  Vert:  Bleu:  Blanc:Click!  transparent:
Code source
<div id="couleur1">
Rouge:<input type="button" value="Click!" onClick="couleur1('red')">
&nbsp;Vert:<input type="button" value="Click!" onClick="couleur1('green')">
&nbsp;Bleu:<input type="button" value="Click!" onClick="couleur1('blue')">
&nbsp;Blanc:<a href="#" onClick="couleur1('white')">Click!</a>
&nbsp;transparent:<input type="button" value="Click!" onClick="couleur1('transparent')">
</div>
<script>
function couleur1(coul){document.getElementById("couleur1").style.backgroundColor=coul;}
</script>
function couleur(text du bouton)
Rouge:  Vert:  Bleu:  Blanc:  transparent:
Code source
<div id="couleur2">
Rouge:<input type="button" value="red" onClick="couleur2(this.value)" title="couleur rouge">
&nbsp;Vert:<input type="button" value="green" onClick="couleur2(this.value)" title="couleur vert">
&nbsp;Bleu:<input type="button" value="blue" onClick="couleur2(this.value)" title="couleur bleu">
&nbsp;Blanc:<input type="button" value="white" onClick="couleur2(this.value)" title="couleur rouge">
&nbsp;transparent:<input type="button" value="transparent" onClick="couleur2(this.value)" title="couleur rouge">
</div>
<script>
function couleur2(coul){document.getElementById("couleur2").style.backgroundColor=coul;}
</script>
LEIôPAR Dimanche 18 avril 2004 A propo...
- Message posté par le 22/06/2018 à 18:20 (une réponse) - dernier !
- Réponse posté par le 27/08/2019 à 15:54
- Message posté par le 22/06/2018 à 18:20
changer la couleur de fond bouton - Message posté par tarek le 10/12/2011 à 10:16 (une réponse)
bonjour


très intéressants tes programmes

Je voudrais utiliser les sources que tu as publié

sur une de mes applications (blog)

mais en même temps je voudrais pourvoir être le seul à agir sur les bouton en tant qu ´administrateur

as tu une proposition à me faire?

merci de ton aide

condialement
c ´est du JS... - Réponse posté par LEIôPAR le 02/03/2018 à 11:31
C ´est du JS, donc c ´est forcément pour être exécuter individuellement par visite sur les navigateurs des visiteur.
Ca n ´a donc pas d ´incidence sur le serveur ou là seulement le rôle d ´admin compte.
Mais mes code sont la pour être partagé, il n ´y à pas de droit d ´auteur dessus (ce n ´est qu ´une application de ce que j ´ai trouvé ailleurs)

Web

Description (html)
Rollover sans JS
programmation
BgColor avec OnClick
Intercepter un évènement
Outils
Couleurs nommées
txt2html

Controverse

SGBD(R)

Divers

Calcul paye
DownLoad
Photos Manif anti brevet logiciel
P'tit Tux en carton

Projet

GED charrette
MeshCal

Un article qui résume bien la situation...

Un autre article...

Signez la pétition !

Déjà plus de
Warning: main(http://eucd.info/petitions/signatures.txt) [function.main]: failed to open stream: Network is unreachable in /mnt/115/sdb/e/8/leiopar/sommaire.php on line 61

Warning: main() [function.include]: Failed opening 'http://eucd.info/petitions/signatures.txt' for inclusion (include_path='/mnt/115/sdb/e/8/leiopar/include:.:/usr/php4/lib/php') in /mnt/115/sdb/e/8/leiopar/sommaire.php on line 61
signatures depuis le 2 décembre 2005 !
Un petit article qui résume bien la situation...
L'actualité en français grâce à FFII.
Quelques photos...
             

Warning: copy(http://www.toutjavascript.com/service/actu_js.php?normal) [function.copy]: failed to open stream: Network is unreachable in /mnt/115/sdb/e/8/leiopar/res/tjs_news.php on line 5
La copie du fichier n'a pas réussi...
Les actus de  - Tout JavaScript.com