Couleur javascript
Résolu
curtis002
Messages postés
69
Date d'inscription
Statut
Membre
Dernière intervention
-
curtis002 Messages postés 69 Date d'inscription Statut Membre Dernière intervention -
curtis002 Messages postés 69 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'aurais besoin d'un peu d'aide...SVP
j'ai un menu déroulant avec différente couleur de fond, et une zone de saisie. le but de tout ça est que lorsque je selectionne une couleur de fond celle-ci se met dans la zone de saisie qui prend cette couleur comme fond!?
le souci c'est que je n'y arrive pas.
voilà mon code pour l'instant:
<body>
<script>
function change(zone)
{
document.getElementById('blop').style.background-color = 'zone';
}
</script>
<form name="couleur">
<select name="fond">
<option name="blanc" id="blanc1" style="background-color=white" onclick="javascript:change('white');"> blanc</option>
<option name="bleu" id="bleu1" style="background-color=blue" onclick="javascript:change('blue');"> bleu</option>
<option name="orange" id="orange1" style="background-color=orange" onclick="javascript:change('orange');"> orange</option>
<option name="rouge" id="rouge1" style="background-color=red" onclick="javascript:change('red');"> rouge</option>
</select>
<br><br><br>
<input name="saisie" id="blop" type="text" style="background-color=white">
</form>
</body>
</html>
j'espere avoir une reponse de votre part...merci d'avance...
j'aurais besoin d'un peu d'aide...SVP
j'ai un menu déroulant avec différente couleur de fond, et une zone de saisie. le but de tout ça est que lorsque je selectionne une couleur de fond celle-ci se met dans la zone de saisie qui prend cette couleur comme fond!?
le souci c'est que je n'y arrive pas.
voilà mon code pour l'instant:
<body>
<script>
function change(zone)
{
document.getElementById('blop').style.background-color = 'zone';
}
</script>
<form name="couleur">
<select name="fond">
<option name="blanc" id="blanc1" style="background-color=white" onclick="javascript:change('white');"> blanc</option>
<option name="bleu" id="bleu1" style="background-color=blue" onclick="javascript:change('blue');"> bleu</option>
<option name="orange" id="orange1" style="background-color=orange" onclick="javascript:change('orange');"> orange</option>
<option name="rouge" id="rouge1" style="background-color=red" onclick="javascript:change('red');"> rouge</option>
</select>
<br><br><br>
<input name="saisie" id="blop" type="text" style="background-color=white">
</form>
</body>
</html>
j'espere avoir une reponse de votre part...merci d'avance...
A voir également:
- Couleur javascript
- Excel cellule couleur si condition texte - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Somme si couleur - Guide
- Schéma branchement autoradio couleur fils - Forum Autoradio
- Telecharger javascript - Télécharger - Langages
2 réponses
la réponse à mon problème
peut être que cela aidera quelqu'un...
<script>
function change()
{
var numLigneSelect = document.couleur.fond.selectedIndex; //selectionne la ligne
var macolor = document.couleur.fond.options[numLigneSelect].style.background; //recupere ce que l'on demande sur la ligne
document.couleur.saisie.style.background = macolor;
}
</script>
<form name="couleur">
<select name="fond" onchange="javascript:change();">
<option name="blanc" id="blanc1" style="background:white" > blanc </option>
<option name="bleu" id="bleu1" style="background:blue" > bleu </option>
<option name="orange" id="orange1" style="background:orange" > orange </option>
<option name="rouge" id="rouge1" style="background:red" > rouge </option>
</select>
<br><br><br>
<input name="saisie" id="blop" type="text" style="background:white">
</form>
peut être que cela aidera quelqu'un...
<script>
function change()
{
var numLigneSelect = document.couleur.fond.selectedIndex; //selectionne la ligne
var macolor = document.couleur.fond.options[numLigneSelect].style.background; //recupere ce que l'on demande sur la ligne
document.couleur.saisie.style.background = macolor;
}
</script>
<form name="couleur">
<select name="fond" onchange="javascript:change();">
<option name="blanc" id="blanc1" style="background:white" > blanc </option>
<option name="bleu" id="bleu1" style="background:blue" > bleu </option>
<option name="orange" id="orange1" style="background:orange" > orange </option>
<option name="rouge" id="rouge1" style="background:red" > rouge </option>
</select>
<br><br><br>
<input name="saisie" id="blop" type="text" style="background:white">
</form>
