Okay, so I've got the following code to create a dialog of a div within a page:
$('#modal').dialog({
autoOpen: false,
width: 600,
height: 450,
modal: true,
resizable: false,
draggable: false,
title: 'Enter Data',
close: function() {
$("#modal .entry_date").datepicker('hide');
}
});
$('.modal').click(function() {
$('#modal').dialog('open');
});
All working fine. But what I want is to also be able to open a link in a dialog window, kinda like...
<a href="/path/to/file.html" class="modal">Open Me!!</a>
I've done this before by hardcoding the path:
$('#modal').load('/path/to/file.html').dialog('open');
but we can't hardcode the path in the javascript (as there will be multiple coming from the database) and I'm struggling to understand how to get this to work. I'm also pretty sure that the answer is really obvious, and I'm merely setting myself up to be humbled by the clever folk here at StackOverflow, but I've scratched my head for long enough this afternoon, so my ego has been put away, and hopefully someone can point me in the right direction...
Thanks
Phil