random sur couleurs

Version imprimable

16/06/2007, 22h12
lyricomedy

random sur couleurs

Bonjour à tous (enfin ceux qui me lisent...)

J'aimerai faire en javascript un petit script qui me permet d'appliquer
au loading de la page une couleur piochée en random dans un tableau de couleurs définie en héxa à certains éléments possédant un id ?

En fait j'ai des éléments DIV avec id et je veux qu'il y ait un random sur la couleur du fond pour chaque élément.

Je ne sais pas si je me suis bien exprimer ?

Merci d'avance.

lyricomedy

tu peux essayer ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
<style type="text/css">
 
#cadre div{
	width:500px;
	font-weight:bold;
	font-size:25px;
	text-align:center;
	color:#ffffff;
	visibility:hidden;
}
 
</style>
 
</head>
 
<body>
 
 
<div id="cadre">
	<div>truc</div>
	<div>machin</div>
	<div>bidule</div>
</div>
 
 
<script type="text/javascript">
 
var c=document.getElementById("cadre").getElementsByTagName("div");
 
function col(obj){
	coul="rgb(";
	for(i=0;i!=3;i++){
		coul+=Math.floor(Math.random()*256)+",";
	};
	coul=coul.replace(/,$/,")");
	with(obj.style){
		backgroundColor=coul;
		visibility="visible"
	}
}
 
window.onload=function(){
	for(j=0;j!=c.length;j++){
		col(c[j])
	}
}
 
</script>
 
 
</body>
</html>

c'est pas très propre mais ça marche bien; si tu veux une gamme de couleurs moins aléatoire, dis-moi;

bonjour,

essaye ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var couleurs = new Array("#AAAAAA","#F0F8FF","#8A2BE2","#4B0082","#FF0000","#0000FF","#2E8B57","#9ACD32");
 
function randomColor()
{
 var n = couleurs.length;
 var c; 
 
 c = Math.round(Math.random()*n);
 document.getElementById("div1").style.backgroundColor = couleurs[c];
 
 c = Math.round(Math.random()*n);
 document.getElementById("div2").style.backgroundColor = couleurs[c];
 
 c = Math.round(Math.random()*n);
 document.getElementById("div3").style.backgroundColor = couleurs[c];
 
 c = Math.round(Math.random()*n);
 document.getElementById("div4").style.backgroundColor = couleurs[c];
 
}
 
//-->
</script>
 
</head>
 
<body onload="randomColor()">
 
<div style="height: 100px;width: 100px" id="div1">div 1 </div>
<div style="height: 100px;width: 100px" id="div2">div 2 </div>
<div style="height: 100px;width: 100px" id="div3">div 3 </div>
<div style="height: 100px;width: 100px" id="div4">div 4 </div>
 
</body>
 
</html>