random sur couleurs

**lyricomedy** · 16/06/2007, 22h12

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

**javatwister** · 17/06/2007, 10h07

tu peux essayer ça:

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

**Auteur** · 17/06/2007, 10h18

bonjour,

essaye ceci :

Code html :

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

random sur couleurs

JavaScript

Discussions similaires

Partager

Partager