GET request without the question mark

Question

I am a customer service assistant and I wanted to make a simple form to check the price of products on the webpage, without having to load the whole homepage.

The website is www.homebase.co.uk, and the search URL is http://www.homebase.co.uk/en/homebaseuk/searchterm/.

I want to make a form where it will add the text entered in the form after /searchterm/ without the question mark.

EG if I type in 775199 and press submit/search it will navigate to http://www.homebase.co.uk/en/homebaseuk/searchterm/775199.

Thanks so much for your help all :)

I really appreciate it!

Answer 1

Assuming you are using PHP. I think what you want to do is this:

<?php
    //THIS IS THE SAME PAGE WHERE YOUR SEARCH FORM EXISTS
    $searchPage = "http://www.homebase.co.uk/en/homebaseuk/searchterm/";
    $formAction = "./";    //FORM IS SUBMITTED BACK TO ITSELF...
    if(isset($_POST['search_term']){
        //BUILD THE REDIRECTION LINK BASED ON THE DEFAULT SEARCH PAGE: $searchPage . $_POST['search_term'])
        //AND THEN REDIRECT TO THE REDIRECTION LINK 
        header("location: " . $searchPage . htmlspecialchars(trim($_POST['search_term'])) );
        exit;
    }    

Your HTML Form might look something like this:

<form method="POST" action="<?php echo $formAction; ?>" >
    <input type="text" name="search_term" id="search_term" value="" class="search_term" />
    <input type="submit" name"submit" id="submit" class="submit" value="Search" />
</form>

Answer 2

Okay, so I solved the problem:

<style type="text/css">
.biga {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #F90;
    background-color: #FFF;
    border: medium solid #000;
}
}
.centerpoint {
    text-align: center;
}
</style>
<title>Product Search</title>
<p>
<div class="centerpoint"> <span class="centerpoint">
<input name="prog_site" type="text" class="biga" id="prog_site" value="" />
  <a href="http://"
    onclick="this.href=(
                       'http://www.homebase.co.uk/en/homebaseuk/searchterm/' + document.getElementById('prog_site').value)"
    target="_blank">
  <input name="so_link" type="button" class="biga" value="Search Product">
  </a>
  </p>

  </span></div>

This is the code I used. Thanks for all of your help!