JQuery Colorbox and Forms

Question

I have a form which I want to submit and show in Colorbox.

The form is Mals Ecommerce View Cart.

See: https://www.mals-e.com/tpv.php?tp=4

I want it to Show the Cart contents in a colorbox iframe. Is this possible to do using the FORM method rather than the Link method?

Answer 1

Try

$("input#formsubmit").colorbox({title: function(){
    var url = $(this).parents('form').attr('action');
}});

Not tested, I just took the syntax from the Colorbox page. You'd have to give your submit button an id of "formsubmit" for the above to work.

Answer 2

you can open colorbox independently using:

jQuery.fn.colorbox({href:,iframe:true, opacity:0.6 ,innerWidth:760,innerHeight:420,title:});

and you can call this function on any event like:

jQuery("document").ready(function(){ jQuery.fn.colorbox.. });

when u submit a form send a query parameter along with it. When after submission you reach back the form. see if that parameter is populated.

and then call jQuery.fn.colorbox()