Hi there. I have a page where I would like a region to be shown in a JQuery dialog box. I have this in the header of the page:
<script src="/i/UI/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/i/UI/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="/i/UI/js/jquery.pstrength-min.1.2.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.dialog.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.core.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.draggable.js" type="text/javascript"></script>
<script src="/i/UI/development-bundle/ui/ui.resizable.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="/i/UI/css/custom-theme/jquery-ui-1.7.2.custom.css" />
<script type="text/javascript">
$(document).ready(function(){
$("#dialog").dialog({
bgiframe: true,
autoOpen: false, // hides the window by default and you will use function $("#dialog").dialog('open'); to open it
height: 300,
modal: true
});
});
function f_show_dialog()
{
$("#dialog").dialog('open');
}
</script>
And a region called 'forgot password?" That contains this in the region header:
{code}
<div id="dialog" title = "Forgot Password?">
{code}
and this in the footer:
{code}
</div>
{code}
When I click a link, I would like a modal dialog box to open that shows this region.
When I try to run it, firebug returns one error and the same error occurs again every time I click the link. It says
*"$("#dialog").dialog is not a function - modal: true"*.
Does anyone know what I'm doing wrong? Please help.. I tried following the help on this thread http://forums.oracle.com/forums/thread.jspa?threadID=1031046&start=30&tstart=0 but to no avail.