Discussion :

[Shandler]

Bonjour,

J'utilise Jeditable (jeditable) pour editer des element ce qui marche trés bien et donc j'ai vue qu'on pouvai rajouter d'autre truc particulier en plus des textearea,select.... donc j'ai essayé d'insérer ui.datepicker (jquery-ui-datepicker) ce que j'ai réussi a moitié car ca beug car ca ne prend pas en compte la date sélectionner et je voie pas comment faire.

Merci a vous.

Code pour ajouter une nouvelle option dans jeditable

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
 
 $.editable.addInputType('datepicker', {
    /* create input element */
    element : function(settings, original) {
        var input = $('<input>');
        $(this).append(input);
        //$(input).css('opacity', 0.01);
        return(input);
    },
    /* Attach Timepicker plugin to the default hidden input element. */
    plugin:  function(settings, original) {  
        var form = this;
        settings.onblur = 'cancel'      
        $("input", this).datepicker()               
    }
});

Code pour appeler le nouveau element :

Code :

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

1
2
3
4
5
6
7
8
9
10
  $(".edit_date").editable("ajax_admin.php5", { 
      indicator : "<img src='../img/indicator.gif'>",
      type      : 'datepicker',
      onblur : 'submit',
      select : true,
      submit : 'OK',
      cancel : 'cancel',
      style  : "inherit"
      }      
  });

[Kerod]

Salut,

Il doit certainement avoir une erreur qui est transmise par la console JavaScript ?

[Shandler]

j'ai aucune erreur la est le probleme.

Merci a toi.

[Kerod]

Étonnant

Est-ce normal le manque de ; dans ta fonction plugin ?

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
$.editable.addInputType('datepicker', {
    /* create input element */
    element : function(settings, original) {
        var input = $('<input>');
        $(this).append(input);
        //$(input).css('opacity', 0.01);
        return(input);
    },
    /* Attach Timepicker plugin to the default hidden input element. */
    plugin:  function(settings, original) {  
        var form = this;
        settings.onblur = 'cancel'      
        $("input", this).datepicker()               
    }
});

[Shandler]

Oui c'est bizarre il me renvoie pas d'erreur, jai rajouter le poitn virgule mais ca change rien.

Merci a toi.

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
 $.editable.addInputType('datepicker', {
    /* create input element */
    element : function(settings, original) {
        var input = $('<input>');
        $(this).append(input);
        //$(input).css('opacity', 0.01);
        return(input);
    },
    /* Attach Timepicker plugin to the default hidden input element. */
    plugin:  function(settings, original) {  
        var form = this;
        settings.onblur = 'cancel'      
        $("input", this).datepicker();               
    }
});

[Kerod]

Et après cancel ?