Consultez la FAQ sur le ZF avant de poster une question
Vous n'êtes pas identifié.
Pages: 1
bonjour a tous,
je commence à avancer dans le framework et cette fois j'ai decide de tester JQuery
Je souhaite utiliser DatePicker et sur la selection de la date faire fonctionner une fonction javascript
mais j'ai une erreur sur l'utilisation du onClose
alors qi qqn a une idee
voila le contenu de ma vue
<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.datepicker.css" type="text/css" media="screen" title="Flora (Default)"> <script type="text/javascript"> function test(){ alert("eee"); } </script> <label for="startDate">Date match : </label> <?= $this->datePicker("gameday", '', array('firstDay'=> 1, 'onClose' => 'test' )); ?> <div id="games"></div <?= $this->jQuery(); ?>
et mon erreur dans Firebug
onClose.apply is not a function [Break on this error] onClose.apply((inst.input?inst.input[0]:...lockUI();$('body').append(this.dpDiv);}}
Dernière modification par itsrugby (16-12-2008 16:38:28)
Hors ligne
Si je peux me permettre, pour améliorer la lisibilité des sources penses à utiliser la balise [ code] (sans l'espace
)
<?php echo 'Hello World !'; ?>
Pour ce qui est de l'erreur JavaScript, je ne suis par contre pas en mesure de te répondre, mais tu auras sans doute une réponse, les vieux briscards du forum sont très compétents et réactifs, d'où le succès de ce site
Cordialement,
Elkolonel
Dernière modification par elkolonel (16-12-2008 16:34:58)
Hors ligne
bon en attendant de faire fonctionner les fonctions callbacks j'ai fait ca avec un bouton submit et ca fonctionne
<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.datepicker.css" type="text/css" media="screen" title="Flora (Default)"> <script type="text/javascript"> function test(){ $.ajax({ url: "/index/test", cache: false, success: function(html){ $("#games").append(html); } }); } </script> <form onsubmit="test();return false;"> <label for="startDate">Date match : </label> <?= $this->datePicker("gameday", '', array('firstDay'=> 1)); ?> <input type="submit" value="ok" /> </form> <div id="games"></div> <?= $this->jQuery(); ?>
Hors ligne
enlève les quote '' autour de test :
array('firstDay' => 1, 'onClose' => test);
Hors ligne
toujours l'erreur
il doit y avoir un souci ailleurs alors
Hors ligne
Je ne sais pas.
J'utilise datepicker, mais pas comme toi, je l'utilise directement avec les formHelpers.
Je n'utilise pas de callback
J'ai testé avec un autre composant (Jeditable) les callbacks, et ca marche bien sans les quotes.
bon courage
Hors ligne
l'exemple dans le doc est le suivant
<label for="startDate">Travel End Date:</label> <?= $this->datePicker("endDate", '', array('defaultDate' => '+14', 'minDate' => '+7', 'onClose' => 'myJsonFuncCechkingValidity')); ?>
je ne vois pas encore trop comment ca fonctionne avec les helpers
Dernière modification par itsrugby (17-12-2008 11:06:27)
Hors ligne
Perso je ne suis pas fan des "onsubmit", une synthaxe plus simple existe avec jquery :
$(document).ready(function() { $('#submit').click(function(){ $.ajax({ type:'post', url: index/test, data: , cache:false async: false, error: function(){ alert("Error request language"); }, beforeSend: function(){ $("#content").html('<img id="imgLangLoad" src="ajaxload.gif" alt="ajax loading" width="66px" height="66px" />'); }, success: function(html) { $("#games").append(html); } }); }); }); </script>
J'ai hâte d'utiliser le jquery dans zend pour l'instant je suis a la classique :p
Dernière modification par gtraxx (18-12-2008 10:12:13)
Hors ligne
Pages: 1