édition et ajout via popin fancybox

Par manjava, il y a 13 ans


Bonjour ,

en faite j'ai suivi ce tuto http://book.cakephp.org/2.0/en/getting-started.html#blog-tutorial-adding-a-layer ,sauf que je veux que l'édition et l'ajout d'un article ce fait via une popin fancybox (http://fancyapps.com/fancybox/) si quelqu'un peut aider merci en avance

Cordialement

3 réponses

Maenhyr, il y a 13 ans

Salut,
alors avec jQuery, tu peux faire un .load() de la page d'édition. Ensuite tu mets un listener sur le bouton de soumission de formulaire et dans tu envoies la valeur du formulaire avec $.post().

manjava, il y a 13 ans

Bonjour,

merci prbaron pour votre réponse en faite je suis novice dans cakephp vous pouvez donner un exemple concret

merci en avance.

Maenhyr, il y a 13 ans

Tout d'abord tu dois créer le markup HTML, soit tu le mets directement dans ta page, soit tu crées un fichier dans ton dossier app/Views/Elements. Tu peux l'appeler ensuite avec

<?php echo $this->element('mon_element'); ?>

Ensuite tu charges tes fichiers js et css.
A partir de ce moment là, lorsque tu cliqueras sur le lien, tu afficheras le formulaire dans la fancybox.

Ensuite, soit tu gères la redirection avec PHP, ce qui signifie que la page sera rechargée lors de la soumission du formulaire, soit tu le gères en AJAX.

jQuery(function(){
    // a la soumission du formulaire
    $('form').live('submit', function(){
        // recupere le formulaire    
        var form = $(this);
        // envoi du formulaire en POST avec comme infos : 
        // url : form.attr('action') l'url du formulaire
        // data : form.serialize() les donnees du formulaires serialisees
        // success : function(data) les commandes a effectuer en cas de succes
        $.post(form.attr('action'), form.serialize(), function(data){
            alert(data);        
            });
    });
});