Discussion :

[CaviarNAS]

salut..;
j'ai un petit pb

le code suivant permet de créer un datepicker avec jqueryUI sur tous les éléments input qui ont la classe datepicker

bon super ça marche ...

Code :

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

1
2
3
4
 
	$('input.datepicker').datepicker({
		inline: true
	});

le pb est que j'ai un autre script (http://www.appelsiini.net/projects/jeditable) qui permet de créer à la volée un formulaire avec un input qui a la classe datepicker ...

mais quand ce script s'exécute le code en question

Code :

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

1
2
3
4
 
	$('input.datepicker').datepicker({
		inline: true
	});

n'est pas appliqué ....


en fait je voudrai observer en temps réel le dom si c'est possible ...

vous voyez l'idée ?
ben je galère

[danielhagnoul]

Bonsoir.

Pour le datepicker, utilisez un id au lieu d'une class.

Code :

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

1
2
3
$("#datepicker").datepicker();
 
<p>Date: <input type="text" id="datepicker"></p>

[julioooo]

Pour observer le dom en live, le plugin Firebug pour Firefox est approprié.

[CaviarNAS]

Re salut ...
nan ... j'ai pas du bien m'exprimer hier soir ...

Je veux utiliser une class parce que j'ai plusieurs éléments susceptibles d'être des datepicker ... bref là n'est pas le pb ...
le problème c'est que lorsqu'un champ input est créé via javascript ... eh bien il ne se transforme pas en datepicker car la fonction ne le "détecte pas"

Code :

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

1
2
3
4
 
$('input.datepicker').datepicker({
		inline: true
	});

c'est là que je sais pas comment faire pour que jquery capte l'événement "création du champ"

voilo

[julioooo]

Après création dynamique de ton champs il faut lui attacher ta fonction date picker dans un callback par exemple.

[CaviarNAS]

ben je peux pas ...c'est ça le problème ...
j'utilise jeditable ...
qui permet de générer un formulaire à partir d'une div pour faire un "edit in place" des données ...
c'est super sauf que le plugin ne propose pas d'option pour lancer une fonction après la création du formulaire ...

j'ai feinté en faisant ç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
$('input').live("mouseover", function() {
		//alert ('yo');
		//tous les input avec la classe deviennet des calendar
		if ($(this).hasClass('datepicker')) {
			$(this).datepicker({
				showOn: 'button', 
				buttonImage: 'images/calendar.gif',
				buttonImageOnly: true,			
				numberOfMonths: 2,
				showButtonPanel: true,
				altFormat: 'yy-mm-dd'
			});
			$(this).datepicker('option', 'altFormat', 'yy-mm-dd');
			//alert ($(this).datepicker('option', 'altFormat'));
		}
	});

mais ça ne me parait pas très propre comme code ...
Le coup du mouseover c'est bof bof...
je préfèrerai détecter l'événement de création ... mais je sais pas comment faire ...


deuxième problème ... le datepicker ne tient pas compte du altFormat: 'yy-mm-dd' dans ce cas ...
a pas compris ... mais c'est autre chose ...