Discussion :

[monsof]

Bonjour,
J'ai intégré le plugin jquery time picker addon 1.9, et j'ai ajouté une image (mon-image) à coté de mon champ "heure".
J'aimerai ouvrir le time picker lors du clic sur cette image et le fermer quand je clique une deuxième fois sur la même image.
J'ai essayé avec ç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
$(document).ready(function() {
	var bAffiche = false;
	$('#Heure').timepicker({
		// Autre code	
		beforeShow: function(input, inst) {
			bAffiche = true;
		},
		onClose: function(input, inst) {
			bAffiche = false;
		}
	});
	$('#mon-image').click(function() {
		if (!bAffiche) {
			$('#Heure').timepicker('show');
		} else {
			$('#Heure').timepicker('hide');
		}
	});
});

Le problème est que si je clique sur l'image le time picker s'affiche, mais si je clique une deuxième fois il se ferme et s'ouvre de nouveau.
J'espère que j'ai bien expliqué.
Merci d'avance.

[monsof]

J'ai trouvé la solution:

Code :

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

1
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
	$('#Heure').timepicker({
		// Autre code
	});
	$('#mon-image').click(function() {
		if (! $('.ui-timepicker-div:first').is(':visible')){ // si le premier élément de classe ui-timepicker-div n'est pas affiché on affiche le timepicker
			$('#Heure').timepicker('show');
		}
	});
});

ça peut aider quelques uns.
Merci.