title: Contents get refreshed after the popup is opened
body: <p>I have a form wich has various fields.and i have a button 'GET REPORT'.on pressing this button the required contents are displayed in the table.in table i have a column called as images,which is a link to the image.when i press the link, popup appears with the image.my problem is, on clicking the popup the image appears but the page gets refreshed.i want it to stay on the same page even after the pop up is opened and closed.</p>
  
  <p>This is my table,values are fetched from the database</p>
  
  <pre><code> &lt;table id="sourceAnalysisTable" &gt;
                  &lt;thead id="headings"&gt;
                      &lt;tr&gt;
                          &lt;td &gt;&lt;h3&gt;Reported Date&lt;h3&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;h3&gt;Status&lt;h3&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;h3&gt;Address&lt;/h3&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;h3&gt;Images&lt;h3&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                  &lt;?php
                  for($i=$start;$i&lt;$end;$i++)
                      {
  
  
                          $dmydate = date('d-m-Y',strtotime($ARRAY[$i]['source_visitDate']));
                          echo'&lt;td&gt;'.$dmydate.'&lt;/td&gt;';
                          echo'&lt;td&gt;'.$ARRAY[$i]['source_status'].'&lt;/td&gt;';
                          echo'&lt;td&gt;'.$ARRAY[$i]['source_address'].'&lt;/td&gt;';
                          echo'&lt;td&gt;';
  
      ?&gt;
      /*here image names are given as link and #openModal is id to  popup*/
      &lt;a href="?source_id=&lt;?php echo $ARRAY[$i]["source_id"] ?&gt;&amp;#openModal" &gt;&lt;?php echo $ARRAY[$i]["source_photo"] ?&gt; &lt;/a&gt;
  
          &lt;?php
      echo '&lt;/td&gt;';
      echo'&lt;/tr&gt;';
  
      }
  /*get report button*/
  &lt;input type="submit" name="GETREPORT" value="Get Report" id="btnreport" /&gt;
  </code></pre>
  
  <p>This is how my image names are taken from the database and showed in popup.</p>
  
  <pre><code>&lt;div id="openModal" class="modalDialog"&gt;
          &lt;div&gt;
          &lt;a href="#" onclick="window.close();opener.window.focus()" class="closeno"&gt;X&lt;/a&gt;
  
          &lt;div id="makeMeScrollable"&gt;
      &lt;?php
  
      $id=$_GET['source_id'];
  
      $sql1=mysql_query("SELECT source_photo FROM source_main where source_id ='$id'");
      while($result=mysql_fetch_assoc($sql1))
      {
  
      $result['image'] = trim($result['source_photo'],'\,');
  
      $temp = explode(',',$result['source_photo'] );
  
      $temp = array_filter($temp);
  
      foreach($temp as $image){
          $images[]="images/demo/".trim( str_replace( array('[',']') ,"" ,$image ) );
      } 
      } 
      foreach($images as $image){
  
        //if(is_file(ROOTDIR.$image))
          echo "&lt;img src='{$image}' height='250' width='280' /&gt;";
      }
      ?&gt;
  
      &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How can i do this..please help.Thanks in advance</p>