Question

I’m not usually one to just post code and say “help”, but I feel like I’ve exhausted every search. Any help as to why this doesn’t work would be greatly appreciated. I’m not getting any type of Javascript errors, the window just doesn’t open when I click on the link I set up.

function openDialog()
{
    jQuery('#GREWaiverTable').show();
    jQuery('#GREWaiverTable').dialog('open');
}
jQuery(document).ready(function() {
    jQuery('body').append('<div id="GREWaiverTable" title="Am I required to take the GRE?"></div>');
    jQuery('#GREWaiverTable').load('grewaivertable.cfm?ajax=1')
    jQuery('#GREWaiverTable').dialog({
        autoOpen:false,
        width:600,
        modal:true,
        resizable:true,
        overlay: {
            backgroundColor: '#000',
            opacity: 0.7
        }
    });
    jQuery('#grewaiverlink').click(function() {
        openDialog();
    });
});

And the HTML:

<a id="grewaiverlink">Am I required to take the GRE?</a>

Answer 1

I see a possible issue:

The ##GREWaiverTable should only have one hash symbol #GREWaiverTable. That is how you reference an ID attribute.

Also, are you using Fiddler or Firebug to ensure the call to the grewaivertable.cfm?ajax=1 is happening?