Bonjour à tous,
Je suis en train de coder une page demandant aux utilisateurs de choisir une couleur via une pop-up. Une fois cette couleur sélectionné et validé, j'aimerais que l'utilisateur puisse pré-visualiser celle-ci via un petit rectangle.
Je ne suis pas super balaise en JS, je bidouille pas mal mais j'aimerais biens que vous m'indiquiez exactement la marche à suivre.
Je pense qu'il faut utiliser ce genre de code :
Mais je ne sais pas comment l'utiliser...
Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById("tonDivColorise").style.backgroundColor = valeurHexadecimale;
Voici un exemple de code :
Et donc ajouter un champ de pré-visualisation.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <tr> <th valign="top">Couleur du Texte</th> <td> #<input type="text" name="style[couleur_text]" id="couleur_text" size="5" maxlength="7" /> <img src="../sources/img/color.gif" class="img_style" border="0" onClick="choix_couleur('couleur_text', window.document.forms['style_edit'].couleur_text.value );"> Couleur générale du texte. (Sauf liens, Titre et légende)</td> </tr>
Merci de votre aide,
M@x.
Partager