Bonjour,
Je suis débutant dans le dev web, et je me propose dans une page html d'autoriser l'utilisateur du site à choisir une couleur parmi une palette, cette couleur devant être attribuée automatiquement à un objet de la page (un calque dans mon cas). Quelqu'un peut t'il me dire comment affecter la couleur choisi à l'objet calque.
Voici le code javascript :Puis l'appel à la fonction javascript et le code html de création du calque.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 <head><script type="text/javascript"> bloc = true; function hexa(couleur) { if(bloc) document.form.hexval.value = couleur; } function palette() { document.write("<TABLE border='0' cellpadding='0' cellspacing='0' ><TR>"); var h=new Array('00','33','66','99','CC','FF'); var col=""; for(var i=0;i<6;i++) { for(var j=0;j<6;j++) { for(var k=0;k<6;k++) { col="#"+h[i]+h[j]+h[k]; document.write("<TD width='10' height='10' bgcolor='"+col+"' onMouseOver=\"hexa('"+col+"')\" onClick=\"if(bloc) { bloc = false; } else { bloc = true; }\"></TD>"); } } document.write("</tr>"); } document.write("</TABLE>"); } </SCRIPT> </head>Merci d'avance
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <body> ... <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 500; background-color: #9999FF; layer-background-color: #9999FF; border: 1px none #000000"></div> <SCRIPT language="JavaScript"> palette(); </SCRIPT></body>
Partager