Discussion :

[tonycemalin]

Bonjour tout le monde!!
Je suis nouveau sur le forum et je suis content de pouvoir échanger avec vous. Voilà mon petit souci. Je souhaiterais ajouter dynamiquement via un bouton un bloc avec dedans trois champ de formulaire (Un champ Nom, un champ prénom et un champ date de naissance avec datepicker). Tout fonctionne sauf bien évidemment mon calendrier datepicker.
J'ai remplacé mon id datepicker par datenaissance.
Voici mon code:

Code :

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

1
2
3
4
5
6
7
8
$(document).ready(function(){
	$('.ajout_person').click(function(){
		$('<div class="ajout_bloc_occupant"><div class="ajout_header_bloc_occupant"><h3 class="ajout_num_occupant">occupant</h3></div><div class="ajout_milieu_bloc_occupant"><label class="ajout_nom_occupant">Nom</label><input name="champ_nom" type="text"/><label class="ajout_prenom_occupant">Prénom</label><input name="champ_prenom" type="text"/><label class="ajout_datenaissance_occupant">Date de Naissance</label><input name="champ_date" type="text" id="datenaissance"/></div>').insertAfter('.bloc_occupant');
		$('.suppr_person').click(function(){
		$('.ajout_bloc_occupant').remove();
		});
	});
	});

Merci à tous d'avance pour le coup de main.

[PP(Team)]

Bonjour,

La zone du Datepicker s'affiche-t-elle ?
Si oui, qu'affiche-t-elle ?

Si elle affiche un champs "par défaut" (sans Datepicker), alors ajoute ceci :

Code :

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

1
2
 
$( "#datenaissance" ).datepicker();

Cela initialise le champs pour qu'il devienne un datepicker.

[tonycemalin]

Salut,
j'ai déjà appelé mon datepicker si tu veux via ceci

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
$(function() {
		$( "#datenaissance, #ajout_datenaissance" ).datepicker({
			showButtonPanel: true,
			closeText: 'Fermer',
			prevText: '<Préc',
			nextText: 'Suiv>',
			currentText: 'Courant',
			dateFormat: "dd/mm/yy",
			buttonText: "Choisissez votre date de naissance",
			defaultDate: +7,
			showOn: "both", 
			buttonImage: "styles/page/images/calendar.png",
			buttonImageOnly: true,
			numberOfMonths: 1,
			changeMonth: true,
			changeYear: true,
			showOtherMonths: true,
			selectOtherMonths: true,
			firstDay: 1,
			monthNames: ["Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],
			monthNamesShort: ["Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],
			dayNamesMin: ["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"],
			dayNamesShort: ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"],
			yearRange: "1920:2012"
		});
 
	});

Mais le souci c'est quand je clic pour ajouter mon formulaire mon datepicker ne fonctionne plus.

[PP(Team)]

Peut-être que je me trompe, mais il me semble que tu as plusieurs Datepicker sur ta page.
Un ou plusieurs sont présent "de base" et on peut cliquer sur "Ajouter une personne" qui va ajouter "manuellement" du code avant le code présent.

As-tu fais que chacun de tes Datepicker ait un ID différent ?

En effet, si ton(tes) premier(s) fonctionne(nt) c'est que JQuery ne parvient pas à identifier le nouveau datepicker.

Ton ID "datenaissance" peut être multiple, il faudrait plutôt utiliser une classe dans ce cas.

Edit :

Code :

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

$( "#datenaissance, #ajout_datenaissance" ).datepicker({

est bien appelé après l'ajout ?

[tonycemalin]

J'en ai plusieurs, mais je leur ai tous donné un ID différent. Quand tu me demande si j'ai appelé mon datepicker après, je sais pas trop quoi te dire à par que je l'appele dans mon ajout dynamique via mon ID datenaissance, et il est appelé aussi dans ma feuille de script comme je t'ai montré. A moins que tu me demande si j'appele mon

Code :

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

$( "#ajout_datenaissance" ).datepicker({

après avoir ajouté mes éléments?

[tonycemalin]

C'est bon ça marche, c'était bien ça, en fait je n'ai pas appelé mon datepicker après avoir ajouter mes éléments. Je l'ai ajouter mais à par. Voilà c'est cool, je te remercie, sinon dernière petite question, si je veux supprimer mon dernier éléments créer comment je peux faire car

Code :

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

$('.ajout_bloc_occupant').remove();

supprime tous mes éléments créer forcément.

Merci