IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Insertion dynamique Datepicker avec un bouton [UI]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2012
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juillet 2012
    Messages : 18
    Par défaut Insertion dynamique Datepicker avec un bouton
    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.

  2. #2
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    387
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2007
    Messages : 387
    Par défaut
    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.

  3. #3
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2012
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juillet 2012
    Messages : 18
    Par défaut
    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: '&#x3c;Préc',
    			nextText: 'Suiv&#x3e;',
    			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.

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    387
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2007
    Messages : 387
    Par défaut
    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 ?

  5. #5
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2012
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juillet 2012
    Messages : 18
    Par défaut
    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?

  6. #6
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2012
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juillet 2012
    Messages : 18
    Par défaut
    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

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 6
    Dernier message: 03/10/2012, 16h22
  2. [AC-2003] Insertion date avec un bouton
    Par patb1212 dans le forum VBA Access
    Réponses: 22
    Dernier message: 18/01/2012, 20h15
  3. Insertion dynamique d'images dans crystal report avec c# 3.5
    Par devvanjier dans le forum Windows Forms
    Réponses: 0
    Dernier message: 08/12/2009, 18h35
  4. INSERT dynamique avec mise à jour du Resultset
    Par Titounet007 dans le forum JDBC
    Réponses: 2
    Dernier message: 16/10/2009, 11h43
  5. insert dynamique avec :new
    Par daliok dans le forum PL/SQL
    Réponses: 14
    Dernier message: 14/07/2009, 13h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo