Extract input vals on click, redirect to another page, input those vals into search field and automatically submit?

Question

Hi everyone,

just looking for a little guidance on something here, on the home page I have an input filed and submit button.

I want the user to enter keyword(for jobs) click search and it redirect to the correct page showing the results.

I assume what I need to do is extract vals from first input, store them and once new page is loaded automatically enter them into search box on that page and again automatically click the search button so that all goes well.

you can see a working example of this type of thing here

type search in on home page show results on the correctly formatted page :)

any and all help is greatly appreciated!

I have listed this under javascript but there may be a solution in php as im a WordPress install im not sure....

Craig

Answer 1 · 2016-01-05T02:05:33Z

January 5, 2016 2:05am

Javascript would imply you're doing this on the client side. The trick is when you go to a different page, you lose the javascript that was running on the previous page. So to pass the information across from one page to another a few options come to mind:

Attach the info to the URL like the folks at inautomotive are doing.
Store the info in a cookie and retrieve it on the next page.
Store the info into session local storage and retrieve it on the next page.
Don't actually change pages. Have a master page that updates (via AJAX) a content region inside it.
Have the server construct the new page with defaults based on the info posted back from the first page.

Answer 2 · 2016-01-05T05:08:54Z

January 5, 2016 5:08am

Yeah I'd go with Steven's first option:

Just like InAutomovite when someone enters keyword "Leader" submit the search form and pass the keyword param using a URL query string like this: /jobs?keyword=leader

then in the jobs page use the GET method to retrieve the value of the query string using php global variables like this: $_SERVER["QUERY_STRING"]

Store this $value in a variable then do a database query that selects all from jobs table where the description or title contains $value

You can actually use JS for this as well to retrieve the value of the query string with this function:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var jobKeyword = getParameterByName('keyword');

but to connect to the database you'll have to use AJAX

Hope that makes sense

Answer 3 · 2016-01-05T04:24:23Z

January 5, 2016 4:24am

Hello guys, On 18th of January i am going to start a social networking website so i am looking for some talented front end and back end developers

my email is lakindu1.jayathilaka@gmail.com contact me if u are interested, there are 2 people in my team for now

Welcome to the Treehouse Community

Looking to learn something new?

Craig Watson

Craig Watson

Extract input vals on click, redirect to another page, input those vals into search field and automatically submit?

3 Answers

Steven Parker

Steven Parker

Craig Watson

Craig Watson

Sergio Alen

Sergio Alen

sizwengubane

sizwengubane