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 :

jeditable avec datepicker


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 45
    Par défaut jeditable avec datepicker
    Bonjour,

    je voudrais utiliser jeditable avec datepicker dans un tableau.

    Pour l'instant après quelques recherches j'en suis à

    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
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    	$(function()
       {
     
         $(".date2").editable("savedate.php",
         {
        type : "datepicker",
        indicator :  "Saving...",
        tooltip : "Click to edit..."
     
           });
     
     
    });
     
     
      $.editable.addInputType('datepicker', {
        element : function(settings, original) {
            var input = $('<input>');
            if (settings.width  != 'none') { input.width(settings.width);  }
            if (settings.height != 'none') { input.height(settings.height); }
            input.attr('autocomplete','off');
            $(this).append(input);
           return(input);
        },
     
        plugin : function(settings, original) {
            /* Workaround for missing parentNode in IE */
            var form = this;
            settings.onblur = 'ignore';
            $(this).find('input').datepicker().bind('click', function() {
                    $(this).datepicker('show');
                return false;
            }).bind('dateSelected', function(e, selectedDate, $td) {
      //          $(form).submit();
            });
        }
    });
    dans mon script php

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    echo'	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>';
    echo'	<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>';
    echo' <script type="text/javascript" src ="js/jquery.ui.datepicker-fr.js" > </script>' ;
    echo' <script type="text/javascript" src ="js/jeditable.js" > </script>' ;
     
    .........
     
    echo'<table class="tableau">';
    echo'<tr>';
    echo'<td id ="1"  class="date2">', $date,'[0][1],'</td><td>-</td>';
    echo'</tr>';
     
    echo'</table>';

    mon champ input s'ouvre bien ainsi que datepicker mais il ne se referme pas et à priori ne renvoie pas ma nouvelle date à savedate.php

    J'ai du mal à en comprendre la raison.

    merci de vos idées.

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 45
    Par défaut ma réponse
    Bon,

    j'ai finalement réglé mon problème et
    pour le suivant qui se posera ce problème ça donne ça
    (j'ai laissé en commentaire les lignes modifiées)


    dans document ready

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
       $(".datepicker2").editable('savedate.php', {
             type: 'datepicker',
             tooltip: 'Click to edit...',
             event: 'click',
             style  : "inherit",
            onblur: 'submit',      
           //  submit: 'OK',
          //   cancel: 'Cancel',
             width: '100px'
            });
    en dehors de document ready

    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
     
          $.editable.addInputType('datepicker', {
        element : function(settings, original) {
            var input = $('<input>');
            if (settings.width  != 'none') { input.width(settings.width);  }
            if (settings.height != 'none') { input.height(settings.height); }
            input.attr('autocomplete','off');
            $(this).append(input);
            return(input);
        },
        plugin : function(settings, original) {
            /* Workaround for missing parentNode in IE */
            var form = this;
        //    settings.onblur = 'ignore';
            $(this).find('input').datepicker().bind('click', function() {
                    $(this).datepicker('show');
                return false;
            }).bind('dateSelected', function(e, selectedDate, $td) {
                $(form).submit();
            });
        }
    });


    Appel de mon champ editable par datepicker
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    echo"<div id = 'test2' class='datepicker2' >01/01/2002</div></br>";


    code php pour l'exemple de mise à jour de votre base


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <?php
     
     $date=$_POST['value'];
     $id=$_POST['id'];
     
    /*
    ici vous modifiez votre base mysql avec $date et $id comme parametres
    */
     
    echo $date;
     
    ?>
    Voila bon courage à tous..

Discussions similaires

  1. grisement des dates avec datepicker
    Par Riwalenn dans le forum jQuery
    Réponses: 1
    Dernier message: 13/03/2011, 23h32
  2. lien avec datepicker
    Par AurelienNF dans le forum jQuery
    Réponses: 1
    Dernier message: 11/12/2010, 21h38
  3. paramètre avec Datepicker
    Par l.laurent60 dans le forum jQuery
    Réponses: 9
    Dernier message: 21/09/2010, 14h59
  4. [UBUNTU] Comment installer Jedit avec synaptic ?
    Par Xyk... dans le forum Ubuntu
    Réponses: 8
    Dernier message: 30/08/2006, 11h53

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