le mystère array each alert

Version imprimable

Bonjour tous le monde,

J'ai une boucle for sur un tableau ..
Code:

1 2 3 4 5 6 7 8 9 10 11 12 var divimporting=new Array("id1","id2","id3"); for ( j in divimporting){ tmp = divimporting[j]; alert(tmp); $("#"+tmp).show("fast",function(){ alert(tmp); }); }
$("#"+tmp) sont des div avec id unique.

Si mon tableau a trois valeurs. Il va d'abord m'appeler 3 fois le premier alert avec les bonnes valeurs, puis va seulement appeler le alert dans la fonction du show ... et donc m'afficher 3 fois le id3 ...

pq ?

thx

Bonsoir.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="text/javascript"> function alertshow(tmp) { alert(tmp); $("#"+tmp).show("fast", function(){ alert(tmp); }); } $(document).ready(function(){ var ids = ["id1","id2","id3"]; for (var i in ids){ alertshow(ids[i]); } }); </script>
Ici on a d'abord les alertes pour id1, id2 et id3
Ensuite la fonction show() pour id1 et l'alerte pour id1,
puis idem pour id2 et enfin idem pour id3 :calim2: :koi:

04/12/2009, 13h23
gIch

ok merci je vais essayé.

Mais as-tu une explication à ce pourquoi de changement de valeur ?
Peut-être un héritage de variable ou .. ?
04/12/2009, 14h01
danielhagnoul

Bonjour.

Ce n'est pas une solution, mais la confirmation sous une autre forme, du problème !
04/12/2009, 15h41
gIch

ok
mais alors comment régler ce problème ?
Je suis entrain de m'arracher les cheveux !!!

Et quel est l'origine du problème ?

merci pour ton aide

Bonsoir

Il est clair que les alertes ont la priorité sur tout le reste.

Je viens de tester le plugin jQuery Alert Dialogs et jQuery UI Dialog, même problème ou pire.

Avec l'exemple ci-dessous, j'ai d'abord les trois alertes et puis le show et l'alerte pour chaque division.

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
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 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=utf-8" />
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<style type="text/css">
		body {
			background-color:#696969;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:"Times New Roman", Times, serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}
 
		/* TEST */
		.oops {
			position:relative;
			top:0px;
			left:0px;
			width:200px;
			height;100px;
			border:1px solid black;
			margin:12px;
			padding:6px;
			display:none;
		}
	</style>
	<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			function showalert(tmp){
				alert(tmp);
 
				$("#"+tmp).show(2000, function(){alert(tmp + ", hello !");});
			}
 
			$("#btn").click(function(){
				var ids = ["id1","id2","id3"];
 
				for (var i in ids){
					showalert(ids[i]);
				}
 
				return false;
			});
		});
 	</script>
</head>
<body>
	<div id="conteneur">
		<button id="btn" type="button">OK</button>
		<div id="id1" class="oops">Un beau jour</div>
		<div id="id2" class="oops">Un jour normal</div>
		<div id="id3" class="oops">Un jour exécrable</div>
	</div>
</body>
</html>