Background-color + variable

Fermé
Nuggets - 17 févr. 2018 à 00:19
jordane45 Messages postés 38321 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 décembre 2024 - 17 févr. 2018 à 00:21
Bonjour,
Je voudrais pouvoir faire en sorte de changer la couleur de fond en fonction de la couleur choisie.
J'ai essayé plusieurs méthodes, fait des recherches mais ne trouve pas.
Pouvez vous m'aider ?
Code :
<body style="background-color:chosen-color">
<title>Simple color picker</title>
<h3>Simple color picker</h3><br>
Pick a color and it returns the HEX value !
<[/contents/242-introduction-au-dynamic-html-dhtml div] class="row">
<div class="large-2 columns">
 
</div>
<div class="large-2 columns">
<label for="background-color">Choose a color </label>
</div>
<div class="large-2 columns">
<input id="background-color" type="color" value="#ff0000" onchange="javascript:document.getElementById('chosen-color').value = document.getElementById('background-color').value;" />
</div>
<div class="large-6 columns">
</div>
</div>
<div class="row">
<div class="large-2 columns">
 
</div>
<div class="large-2 columns">
<label for="chosen-color">You have chosen : </label>
</div>
<div class="large-2 columns">
<input id="chosen-color" type="text" readonly value="#ff0000" />
</div>
<div class="large-6 columns">
</div>
</div>

C'est sur background-color:chosen-color qui'il faut régler.
Merci.

A voir également:

1 réponse

jordane45 Messages postés 38321 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 décembre 2024 4 707
17 févr. 2018 à 00:21
Bonjour
Gère le en JavaScript
0