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         var msgbox = PMA_ajaxShowMessage(PMA_messages['strSearching']);
  62
  63         PMA_prepareForAjaxRequest($search_form);
  64
  65         $.post($search_form.attr('action'), $search_form.serialize(), function(response) {
  66             if (typeof response == 'string') {
  67                 // found results
  68                 $("#sqlqueryresults").html(response);
  69                 $("#sqlqueryresults").trigger('appendAnchor');
  70                 $("#sqlqueryresults").trigger('makegrid');
  71                 $('#tbl_search_form')
  72                 // work around for bug #3168569 - Issue on toggling the "Hide search criteria" in chrome.
  73                  .slideToggle()
  74                  .hide();
  75                 $('#togglesearchformlink')
  76                  // always start with the Show message
  77                  .text(PMA_messages['strShowSearchCriteria'])
  78                 $('#togglesearchformdiv')
  79                  // now it's time to show the div containing the link
  80                  .show();
  81             } else {
  82                 // error message (zero rows)
  83                 $("#sqlqueryresults").html(response['message']);
  84             }
  85
  86             msgbox.clearQueue().fadeOut('medium', function() {
  87                 $(this).hide();
  88             });
  89         }) // end $.post()
  90     })
  91 }, 'top.frame_content'); // end $(document).ready()