hello,
i've a text inpput field and a button. if you click on the button a
java script gets called (and all works fine) but if you type some text
and push the enter button than the whole page gets reloaded on the
form submit. i know how to prevent the browser to reload the whole
page (by catching the enter button action) but i don't know how to
make it do the same like pressing the submit button:

# HTML
<form id="searchForm" action="">
     <input type="text" name="searchText" id="searchText" value=""
size="50" maxlength="50"/>
     <input type="button" name="searchButton" id="searchButton"
class="button buttonText" value="Search" />
</form>

# JS
        $("form:first").submit(function()
        {
                return false;
               /* INSTEAD OF DOING NOTHING THIS SHOULD DO THE SAME
THAN THE FOLLOWING ACTION */
        });

        // fire the search when people click on the search button
        $("#searchButton").click(function()
        {
                var url = 'http://gdata.youtube.com/feeds/api/videos?q=' +
                $('#searchText').val() +
                
'&alt=json-in-script&callback=showMyVideos&max-results=7&format=5';

                $.getScript(url);

        });


your help is much appreciated. i really love jquery, especially
because of it's community, never got so great responses than in this
user group.

thanks in advance!
dirk

Reply via email to