Problem with JavaScript code in Page Attributes, modal popup...

Question

Hello all!
I'm encountering a problem with a modal popup I wrote in JavaScript.
h3.
The situation*
A user sees an interactive report with rows that are clickable, so these rows are links. Upon clicking the name of something in a row, some items get a certain value and a modal popup shows on the screen. In this modal popup, there are details regarding that particular row the user has clicked, but the problem_ here is...
The modal popup closes itself only seconds after it has been opened.
This must be because I've probably made a mistake somewhere in my code, but I just can't figure out where... It also appears that when I click on a row link, the popup shows, but the progress bar of my toolbar seems to show a loading bar (as if I refreshed the page).
h3.
My code*
This code is located in the _"Function and Global Variable Declaration"_ part, under the _"JavaScript"_ tab. Code is in the _"Page Attributes"_ of my page 24.
function showhide(x){
$x('REGION1').style.display = ( x == 'REGION1') ? 'block' : 'none';
$x('REGION2').style.display = ( x == 'REGION2') ? 'block' : 'none';
$x('REGION3').style.display = ( x == 'REGION3') ? 'block' : 'none';
$( function(){
  $('#ModalForm').dialog(
     modal: true,
     autoOpen: false,
     width: 500,
     height: 350,
     buttons:{ Close: function(){closeForm();}        
function openForm()
    $('#ModalForm').dialog('open');
function closeForm()
    $('#ModalForm').dialog('close');
    $(document).ready(function() {
        $('a.temppop').click(function() {
            openForm();
    });This code is located in the _"Header Text"_ part, under the _"Header"_ tab. Code is in the _"Page Attributes"_ of my page 24.
<link rel="stylesheet" href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>This code is located in the _"Column Link"_ part, you get there by going to the _"Report Attributes"_ of the region called _"Template overview"_ on page 24. This region is an interactive report.
Link Text: #FOODTEMPLATENAME#
Link Attributes: class="temppop"
Target: Page in this Application
Page: 24
Item 1, name: P24_MEALID; item 1, value: #MEALTYPEID#
Item 2, name: P24_TEMPLATEID; item 2, value: #FOODTEMPLATEID#So basically I call the function to open the modal popup by the class name. When a link with that class name in it is clicked, it opens the popup.
To remind you of the problem, the modal popup closes seconds after it has been opened. How do I fix this?
Thanks in advance.
(APEX version 4.1.1.00.23)

Answer 1

Come on guys... I really need to know this. :(