[JavaScript][SQL][PHP]Automatycznie odświeżana lista z bazy Opcje

[roghatt]

Witam
Wykorzystuję u siebie ten skrypt:
http://www.codemashups.com/dynamic-search-...jquery-and-php/
Po wpisaniu w pole wyszukiwania słowa pojawiają się odpowiednie dane z bazy danych.
Czy da radę to zrobić tak aby po wejściu na wyszukiwarkę lista wszystkich danych pojawiła się na liście i dopiero jak wpisuję w wyszukiwarkę dane to lista jest odpowiednio odświeżana?
W którym miejscu to można zmienić?

[b4rt3kk]

Na pewno jest taka możliwość. Ja bym zaczął od poszukiwania fragmentu kodu odpowiedzialnego za filtrowanie (zapewne będzie to keyup).

[roghatt]

wyniki właśnie pojawiają się dzięki temu, czyli jak się cokolwiek wpisze w wyszukiwarkę.
Próbowałem na sztywno ustawić aby było coś wpisane w wyszukiwarkę, ale jednak trzeba samemu wykonać jakąś akcje na tym polu wyszukiwania aby jakieś wyniki się zaczęły pojawiać.

[b4rt3kk]

Jak masz tą funkcję:

[HTML] pobierz, plaintext 
$(document).ready(function(){
    /*
     Set the inner html of the table, tell the user to enter a search term to get started.
     We could place this anywhere in the document. I chose to place it
     in the table.
    */
    $('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');
 
    /* When the user enters a value such as "j" in the search box
     * we want to run the .get() function. */
    $('#searchData').keyup(function() {
 
        /* Get the value of the search input each time the keyup() method fires so we
         * can pass the value to our .get() method to retrieve the data from the database */
        var searchVal = $(this).val();
 
        /* If the searchVal var is NOT empty then check the database for possible results
         * else display message to user */
        if(searchVal !== '') {
 
            /* Fire the .get() method for and pass the searchVal data to the
             * search-data.php file for retrieval */
            $.get('data/search-data.php?searchData='+searchVal, function(returnData) {
                /* If the returnData is empty then display message to user
                 * else our returned data results in the table.  */
                if (!returnData) {
                    $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
                } else {
                    $('#results').html(returnData);
                }
            });
        } else {
            $('#results').html('<p style="padding:5px;">Enter a search term to start filtering.</p>');
        }
 
    });
 
});
[HTML] pobierz, plaintext 

to daj na starcie:

[HTML] pobierz, plaintext 
$.get('data/search-data.php?searchData=', function(returnData) {
$('#results').html(returnData);
}
[HTML] pobierz, plaintext 

Czyli coś takiego:

[HTML] pobierz, plaintext 
$(document).ready(function(){
    /*
     Set the inner html of the table, tell the user to enter a search term to get started.
     We could place this anywhere in the document. I chose to place it
     in the table.
    */
    $.get('data/search-data.php?searchData=', function(returnData) {
      $('#results').html(returnData);
    }
 
    /* When the user enters a value such as "j" in the search box
     * we want to run the .get() function. */
    $('#searchData').keyup(function() {
 
        /* Get the value of the search input each time the keyup() method fires so we
         * can pass the value to our .get() method to retrieve the data from the database */
        var searchVal = $(this).val();
 
        /* If the searchVal var is NOT empty then check the database for possible results
         * else display message to user */
        if(searchVal !== '') {
 
            /* Fire the .get() method for and pass the searchVal data to the
             * search-data.php file for retrieval */
            $.get('data/search-data.php?searchData='+searchVal, function(returnData) {
                /* If the returnData is empty then display message to user
                 * else our returned data results in the table.  */
                if (!returnData) {
                    $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
                } else {
                    $('#results').html(returnData);
                }
            });
        } else {
         $.get('data/search-data.php?searchData=', function(returnData) {
           $('#results').html(returnData);
        }
        }
 
    });
 
});
[HTML] pobierz, plaintext 

[roghatt]

spowodowało to, że nic się nie wyświetla, ani po załadowaniu tej strony ani po wpisywaniu coś w wyszukiwarkę

[b4rt3kk]

Spróbuj tego:

[HTML] pobierz, plaintext 
    $(document).ready(function(){
        /*
         Set the inner html of the table, tell the user to enter a search term to get started.
         We could place this anywhere in the document. I chose to place it
         in the table.
        */
 
		$.get('data/search-data.php?searchData=', function(returnData) {
                    /* If the returnData is empty then display message to user
                     * else our returned data results in the table.  */
                    if (!returnData) {
                        $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
                    } else {
                        $('#results').html(returnData);
                    }
                });
 
        /* When the user enters a value such as "j" in the search box
         * we want to run the .get() function. */
        $('#searchData').keyup(function() {
 
            /* Get the value of the search input each time the keyup() method fires so we
             * can pass the value to our .get() method to retrieve the data from the database */
            var searchVal = $(this).val();
 
            /* If the searchVal var is NOT empty then check the database for possible results
             * else display message to user */
 
 
                /* Fire the .get() method for and pass the searchVal data to the
                 * search-data.php file for retrieval */
                $.get('data/search-data.php?searchData='+searchVal, function(returnData) {
                    /* If the returnData is empty then display message to user
                     * else our returned data results in the table.  */
                    if (!returnData) {
                        $('#results').html('<p style="padding:5px;">Search term entered does not return any data.</p>');
                    } else {
                        $('#results').html(returnData);
                    }
                });
 
 
        });
 
    });
[HTML] pobierz, plaintext