将自定义参数传递给FancyBox

Question

I'm developing a hotel booking and reservation management system.

I have a series of venues, which the user selects via a radio button. Once they select the map button, I want to send the venue name, longitude and latitude data to a Fancy Box window, so Google Maps can begin the process of determining route data, which makes specific use of a route planning tutorial.

I've tried...

function fancyboxLocation(href, venue, lo, la) {
   $.fancybox({
       'hideOnContentClick': true,
       'height': 430,
       'padding': 0,
       'width': 700, 
       'type': 'iframe',
       'href' : href,
       'venue': venue,
       'lo': lo,
       'la': la
   });
}

<a href="javascript:;" onclick="fancyboxLocation('<?php echo config_item('base_url'); ?>venues/locations/route', '<?php echo $venues['name']; ?>', '<?php echo $venues['longitude']; ?>', '<?php echo $venues['latitude']; ?>')" title="Plan Route">

Although the window appears, my personal parameters (venue, lo and la) are being stripped out.

The parameters are finding their way into the fancyboxLocation function, but they're not travelling any further.

Any ideas how I do this?

Answer 1

Maybe you could call ajax content

$.fancybox({
    'hideOnContentClick': true,
    'height': 430,
    'padding': 0,
    'width': 700, 
    'type': 'iframe',
    'href' : href,
    'ajax' : {
        type    : "POST",
        data    : 'venue='+escape(venue)+'&lo='+escape(lo)+'&la='+escape(la)
    }
});