les check listes

**walidos21** · 05/05/2010, 12h20

Bonjour,

Voila, je veux remplir un tableau qui contient les Noms des id checked du check-liste en javascript ou en jquery, puis utiliser ce tableau pour afficher les Noms des id checked dans une autre page html!

les différents blocs de la page index27.html sont en visibility:hidden; donc je veux remplir un tableau pour que je puisse mettre ces blocs en visibility: visible;

merci pour votre aide.

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" id="viewport" content="initial-scale=1.0,user-scalable=no">
<link rel="stylesheet" type="text/css" href="global.css" media="all" />
<link rel="stylesheet" type="text/css" href="exemple.css" media="all" />
<!--<link rel="stylesheet" href="screensmall.css" type="text/css" media="screen">-->
<script language="javascript" type="text/javascript" src="action.js"></script>
<script type="text/javascript" src="mootools2.js"></script>
<script type="text/javascript" src="moocheck2.js"></script>
 
 
 
<title></title>
</head>
<body onload="javascript:fillInitialDestList();">
<div class="font">
<form method="post" name=playlist>
	<div class="nav_champs"></div>
	<div class="nav_top">
			<div id="nav_right1">
			<input type="submit" id="bouton1" class="submit5" value="Valider" onClick="validation(this.form,'bouton1','bouton1')"></div>
			<div id="nav_center1"><a>TXT</a></div>
			<div id="nav_center_5"><a href="index.html"  style="color: rgb(255, 255, 255); text-decoration: none;">TEST</a></div>
			<div id="nav_left"><a href="index1.html"  style="color: transparent;"><img alt="" src="image/etoile.png"></a></div>
	</div>
<div class="cont_geolocalisation1">
 
		<div id="categorie11"><div style="float: left;"><a style="margin-left: 10px;float: left;"><img alt="" src="image/img21.png"></a></div><div style="margin-left: 20px;float: left;margin-top: 10px;"><a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">A</a></div><label><input type="checkbox" id="bouton1" name=ckbox onClick="anyCheck2(this.form,'bouton1','bouton1')"></label></div>
		<div id="categorie11"><div style="float: left;"><a style="margin-left: 10px;float: left;"><img alt="" src="image/img22.png"></a></div><div style="margin-left: 20px;float: left;margin-top: 10px;"><a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">B</a></div><label><input type="checkbox" id="bouton2" name=ckbox onClick="anyCheck2(this.form,'bouton1','bouton2')"></label></div>
		<div id="categorie11"><div style="float: left;"><a style="margin-left: 10px;float: left;"><img alt="" src="image/img23.png"></a></div><div style="margin-left: 20px;float: left;margin-top: 10px;"><a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">C</a></div><label><input type="checkbox" id="bouton3" name=ckbox onClick="anyCheck2(this.form,'bouton1','bouton3')"></label></div>
		<div id="categorie11"><div style="float: left;"><a style="margin-left: 10px;float: left;"><img alt="" src="image/img24.png"></a></div><div style="margin-left: 20px;float: left;margin-top: 10px;"><a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">D</a></div><label><input type="checkbox" id="bouton4" name=ckbox onClick="anyCheck2(this.form,'bouton1','bouton4')"></label></div>
		abel></div>
 
 
		</div>
				</form>
 
 
</div>
 
</body>
</html>

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" id="viewport" content="initial-scale=1.0,user-scalable=no">
<link rel="stylesheet" type="text/css" href="global.css" media="all" />
<!--<link rel="stylesheet" href="screensmall.css" type="text/css" media="screen">-->
<script language="javascript" type="text/javascript" src="action.js"></script>
<script type="text/javascript" src="mootools2.js"></script>
<script type="text/javascript" src="moocheck2.js"></script>
<title>p</title>
</head>
<body>
<div class="font">
<form method="post" name=playlist>
	<div class="nav_champs"></div>
	<div class="nav_top">
			<div id="nav_right"><img alt="" src="image/bouton_rechercher.png"></div>
			<div id="nav_center"><a>TEST</a></div>
			<div id="nav_center_5"><a href="index.html"  style="color: rgb(255, 255, 255); text-decoration: none;">TXT</a></div>
			<div id="nav_left"><a href="index1.html"  style="color: transparent;"><img alt="" src="image/etoile.png"></a></div>
	</div>
	<div class="nav_localisation">
 
	</div>
<div class="cont_geolocalisation1">
		<div id="block1">
		<div id="categorie13">
		<div style="float: left;">
		<a style="margin-left: 10px;float: left;"><img alt="" src="image/img21.png"></a></div>
		<div style="margin-left: 20px;float: left;margin-top: 10px;">
		<a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">A</a>
		</div>
		</div>
		</div>
 
 
<!--*****************************************************************************************		-->
<div id="block2">
<div id="categorie13">
		<div style="float: left;">
		<a style="margin-left: 10px;float: left;"><img alt="" src="image/img22.png"></a></div>
		<div style="margin-left: 20px;float: left;margin-top: 10px;">
		<a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">B</a>
		</div>
		</div>
 
 
		</div>
 
 
<!--*****************************************************************************************		-->
<div id="block3">
<div id="categorie13">
		<div style="float: left;">
		<a style="margin-left: 10px;float: left;"><img alt="" src="image/img23.png"></a></div>
		<div style="margin-left: 20px;float: left;margin-top: 10px;">
		<a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">C</a>
		</div>
		</div>
		</div>
 
<!--*****************************************************************************************		-->
<div id="block4">
<div id="categorie13">
		<div style="float: left;">
		<a style="margin-left: 10px;float: left;"><img alt="" src="image/img24.png"></a></div>
		<div style="margin-left: 20px;float: left;margin-top: 10px;">
		<a style="color:#ffffff;font-family: arial;font-size: 13px;font-weight: bold; ">D</a>
		</div>
		</div>
 
</div>
<!--*****************************************************************************************		-->
 
 
 
 
 
 
		</div>
 
				</form>
 
</div>
</body>
</html>

les check listes

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager