Discussion :

[yahou29]

Bonjour,

j'utilise jquery pour ajouter des effets.
J'ai créer une application de gestion d'albums photos.
Lorsque l'on clique sur une des photos pour la première fois une zone d'édition apparait avec :

Code :

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

1
2
3
 
document.getElementById('edit_image').innerHTML = obj.responseText;
$("#edit_image").effect('drop',{ direction: "up" ,mode: "show"});

Si on clique sur une des photos et que la zone d'édition est déjà affiché :

Code :

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

1
2
3
4
 
$("#edit_image").effect('drop',{ direction: "down",mode: "hide" });
document.getElementById('edit_image').innerHTML = obj.responseText;
$("#edit_image").effect('drop',{ direction: "up" ,mode: "show"});

Mon problème est que je n'arrive pas à détecter si c'est le premier clique ou non (div visible ou non). je ne sais pas si ce que je dis est compréhensible(suis pas réveillé lol).

Merci.

[SpaceFrog]

attribue leur une propriété perso ou tiens un log de statis visible sou non dasn u narray ..

[yahou29]

Réponse rapide, simple et efficace !
En effet, un simple "flag" suffisait.

Un grand merci !

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
 
var flag = false;
 
function edit_image(id,title,folder,folder_name,folder_id)
{
obj = creer_objet();
obj.onreadystatechange  = function()
	{
	if(obj.readyState  == 4)
		{
        if(obj.status  == 200) 
			{
			if(flag == true)
				{
				$("#edit_image").effect('drop',{ direction: "down",mode: "hide" });
				document.getElementById('edit_image').innerHTML = obj.responseText;
				$("#edit_image").effect('drop',{ direction: "up" ,mode: "show"});
				}
			if(flag == false)
				{
				document.getElementById('edit_image').innerHTML = obj.responseText;
				$("#edit_image").effect('drop',{ direction: "up" ,mode: "show"});
				flag = true;
				}
			}
		}
	};
obj.open('POST','ajax/edit_image.php',true);
obj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
obj.send("id="+id+"&title="+title+"&folder="+folder+"&folder_name="+folder_name+"&folder_id="+folder_id); 
}