le mystère array each alert

**gIch** · 03/12/2009, 21h07

Bonjour tous le monde,

J'ai une boucle for sur un tableau ..

Code :

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

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

**danielhagnoul** · 04/12/2009, 01h51

Bonsoir.

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

**gIch** · 04/12/2009, 13h23

ok merci je vais essayé.

Mais as-tu une explication à ce pourquoi de changement de valeur ?
Peut-être un héritage de variable ou .. ?

**danielhagnoul** · 04/12/2009, 14h01

Bonjour.

Ce n'est pas une solution, mais la confirmation sous une autre forme, du problème !

**gIch** · 04/12/2009, 15h41

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

**danielhagnoul** · 04/12/2009, 23h08

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 :

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

le mystère array each alert

jQuery

Vue hybride

Discussions similaires

Partager

Partager