Bonjour,
je voudrais utiliser jeditable avec datepicker dans un tableau.
Pour l'instant après quelques recherches j'en suis à
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
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(); }); } });
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.
Partager