AJAX order steps on main page

[benjaminabel]

The thing I want to accomplish is making order on the site by loading the order "Order steps" page in modal window or slide down block. I've been reading about AJAX in Prestashop, but still, didn't understand how this should work. Can anyone explain how can I properly call the other page with AJAX in Prestashop? 

Thank you in advance.

[vekia]

if you aren't familiar with php and js it will not be as easy as it seems.

to call ajax query you have to use jquery library

$.post("URL TO POST", variables, function(data) {
//DO SOMETHING
});

[benjaminabel]

 

if you aren't familiar with php and js it will not be as easy as it seems.

to call ajax query you have to use jquery library

$.post("URL TO POST", variables, function(data) {
//DO SOMETHING
});

I'm familiar with JS and AJAX itself (PHP, I guess, is still my trouble), but, looks like there is something more in Prestashop, that I should know about that to do so. 

First, I am sending $.post to order-opc.php. Then, I am getting response like this:

url: '{$base_dir}modules/order-opc.php',
type: 'get',
data: 'ajax=true',
success: function(data) {
//Append order-steps to current page body
$('body').append(data);

But, as I see, this approach isn't working here.

[vekia]

btw. if you load order page in iframe with fancybox, all other pages (order steps) will be loaded in that fancybox modal window too

this is probably what you expect

[benjaminabel]

Hm, nice idea. What if I will load the page in regular iframe? It's not a crossdomain call, so I can even style it whatever I want. 

As I remember, fancybox with 'iframe: true' opens a modal window. But how can I open this window inside the page itself? In slide down menu or something.