Question

Is it possible to create a form to be submitted within a fancybox.

<a class="assignScoreValues" href="/quality/assign-score-values/id/1">Assign Score Values</a>

Then in the controller I display a form to be submitted. I can’t redirect as I will lose the information on the original page.

I’m thinking that it’s not possible?

Answer 1

You can submit the form with AJAX using Jquery and serializeArray(). To use an HTML link for for submission:

<a onclick="var data=jQuery('#form_id').serializeArray();
            $.ajax(
            {
                url:'url/to/post',
                type:'POST',
                data:data,
                success:
                    function(data){
                        //do something on success, for example close fancybox:
                        $.fancybox.close();
                }
            });
            return false;
            "
href="javascript:void(0);">Save Form</a>