js/tbl_select.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2 /**
   3  * @fileoverview JavaScript functions used on tbl_select.php
   4  *
   5  * @requires    jQuery
   6  * @requires    js/functions.js
   7  */
   8
   9 /**
  10  * Ajax event handlers for this page
  11  *
  12  * Actions ajaxified here:
  13  * Table Search
  14  */
  15 $(document).ready(function() {
  16
  17     /**
  18      * Set a parameter for all Ajax queries made on this page.  Don't let the
  19      * web server serve cached pages
  20      */
  21     $.ajaxSetup({
  22         cache: 'false'
  23     });
  24
  25     /**
  26      * Prepare a div containing a link, otherwise it's incorrectly displayed
  27      * after a couple of clicks
  28      */
  29     $('<div id="togglesearchformdiv"><a id="togglesearchformlink"></a></div>')
  30      .insertAfter('#tbl_search_form')
  31      // don't show it until we have results on-screen
  32      .hide();
  33
  34     $('#togglesearchformlink')
  35         .html(PMA_messages['strShowSearchCriteria'])
  36         .bind('click', function() {
  37             var $link = $(this);
  38             $('#tbl_search_form').slideToggle();
  39             if ($link.text() == PMA_messages['strHideSearchCriteria']) {
  40                 $link.text(PMA_messages['strShowSearchCriteria']);
  41             } else {
  42                 $link.text(PMA_messages['strHideSearchCriteria']);
  43             }
  44             // avoid default click action
  45             return false;
  46         });
  47
  48     /**
  49      * Ajax event handler for Table Search
  50      *
  51      * (see $GLOBALS['cfg']['AjaxEnable'])
  52      * @uses    PMA_ajaxShowMessage()
  53      */
  54     $("#tbl_search_form.ajax").live('submit', function(event) {
  55         // jQuery object to reuse
  56         $search_form = $(this);
  57         event.preventDefault();
  58
  59         // empty previous search results while we are waiting for new results
  60         $("#sqlqueryresults").empty();
  61         PMA_ajaxShowMessage(PMA_messages['strSearching']);
  62
  63             // add this hidden field just once
  64             if (! $search_form.find('input:hidden').is('#ajax_request_hidden')) {
  65                 $search_form.append('<input type="hidden" id="ajax_request_hidden" name="ajax_request" value="true" />');
  66             }
  67
  68         $.post($search_form.attr('action'), $search_form.serialize(), function(response) {
  69             if (typeof response == 'string') {
  70                 // found results
  71                 $("#sqlqueryresults").html(response);
  72                 $("#sqlqueryresults").trigger('appendAnchor');
  73                 $('#tbl_search_form')
  74                 // work around for bug #3168569 - Issue on toggling the "Hide search criteria" in chrome.
  75                  .slideToggle()
  76                  .hide();
  77                 $('#togglesearchformlink')
  78                  // always start with the Show message
  79                  .text(PMA_messages['strShowSearchCriteria'])
  80                 $('#togglesearchformdiv')
  81                  // now it's time to show the div containing the link
  82                  .show();
  83             } else {
  84                 // error message (zero rows)
  85                 $("#sqlqueryresults").html(response['message']);
  86             }
  87         })
  88     })
  89 }, 'top.frame_content'); // end $(document).ready()