récuperer une valeur d'un script javascript [Résolu]

awalter1 · 25/01/2012, 10h30

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 :

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>

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
<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>

Merci d'avance

awalter1 · 30/01/2012, 08h42

J'ai trouvé la réponse :
ajouter en ligne 6

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElementById("Layer1").style.backgroundColor = couleur;
	}

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email