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 :

Id dynamique dans datepiker


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Octobre 2006
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 54
    Par défaut Id dynamique dans datepiker
    Bonjour à tous,

    Alors voila j'utilise JQuery et et particulièrement Datepicker pour afficher un calendrier.

    Je vous explique :

    J'ai un input avec un onclick qui va chercher datepicker :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" id="datepicker123" onclick="piker()"
    et ma fonction JQuery :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    function RecupDate() {
        $("#datepicker123").datepicker($.datepicker.regional["fr"]);
    }
    Tout fonctionne à merveille, seulement j'aimerais attribuer l'ID de façon dynamique, alors voici se que j'ai fait :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="text" id="datepicker123" onclick="piker('datepicker123')" />
    et ma fonction JQuery :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    function RecupDate(ID) {
        $("#"+ID).datepicker($.datepicker.regional["fr"]);
    }
    Alors ceci fonctionne seulement je suis obligé de cliquer sur mon input, resortir, puis rerentrer à nouveau pour avoir le calendrier qui s'affiche.

    Donc j'aimerais que ça s'affiche dès le début...

    Avez vous une idée?

    PS : Avis au Webmaster, lorsque je mets la balise "inférieur à" pour fermer mon input, j'arrive pas à envoyer mon post...

  2. #2
    Membre chevronné Avatar de Pilru
    Homme Profil pro
    Dev ASP.NET/jQuery ; Admin ORACLE
    Inscrit en
    Septembre 2007
    Messages
    491
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Dev ASP.NET/jQuery ; Admin ORACLE

    Informations forums :
    Inscription : Septembre 2007
    Messages : 491
    Par défaut
    Le plus simple, à mon avis, serait de placer une class sur les input :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" id="datepicker123" class="date" onclick="piker()"
    Et en javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $(document).Ready(function () {
      $(".date").datepicker($.datepicker.regional["fr"]);
    });

  3. #3
    Membre averti
    Inscrit en
    Octobre 2006
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 54
    Par défaut
    Merci mais le problème est que j'ai dans un tableau, pleins de input qui utilise datepicker, donc il faut bien les différencier pour que le datepicker m'affiche bien la date sur le input que je lui est demandé...

  4. #4
    Membre chevronné Avatar de Pilru
    Homme Profil pro
    Dev ASP.NET/jQuery ; Admin ORACLE
    Inscrit en
    Septembre 2007
    Messages
    491
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Dev ASP.NET/jQuery ; Admin ORACLE

    Informations forums :
    Inscription : Septembre 2007
    Messages : 491
    Par défaut
    Ben justement, le code que j'ai indiqué fonctionnera très bien.

  5. #5
    Membre averti
    Inscrit en
    Octobre 2006
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 54
    Par défaut
    Cela fonctionne oui, mais j'ai oublié de préciser que j'avais des styles différents pour les dates :s

    Et en plus, mais style sont gu genre : class="style1 style2 style3" et j'ai essayé ça ne fonctionne pas.

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Au point où tu en es, je ne vois pas trop ce qui t'empêche de rajouter une classe "date" à tes input
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

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

Discussions similaires

  1. variable dynamique dans une fonction javascript
    Par Shivaneth dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/04/2005, 15h58
  2. Ecriture dynamique dans la page actuelle
    Par fantomasmusic dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 19/04/2005, 12h23
  3. [jsp] include dynamique dans une jsp
    Par petitelulu dans le forum Servlets/JSP
    Réponses: 9
    Dernier message: 04/03/2005, 07h59
  4. Réponses: 6
    Dernier message: 24/09/2004, 13h10
  5. [D7] Tableaux dynamiques dans un record
    Par bobby-b dans le forum Langage
    Réponses: 2
    Dernier message: 30/06/2004, 23h23

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