Results 1 to 7 of 7
  1. #1

    Multi-Search box with thumbnails directing to different websites

    Hello,

    I'm currently working on creating a site around shopping showing all sorts of deals all in one place. What i'm struggling to find on the web is a "All in one" search box. It would have one search box but would serve multiple websites like the one you provide but i'm unsure how i can change it from a drop down box into the company's logo's (Thumbnails)

    Example:

    [ search... ]
    [1] [2] [3]

    Search 1 would be : Asda..search/searchcontainer.jsp?trailSize=1&searchString=butter (can't post links)

    and the logo for [1] would be the Asda logo (like an app)


    [2].. Tesco..search link with logo

    [3]..Sainsburys.. search link with logo

    Preferably these would open in a pop-up window to make it easier to search the multiple sites and compare prices without having to open my site 3 times..Basically a search box with each website having its own search button (In the form of their logo) all using one search box.


    Any help or a point in a direction would be greatly appreciated, Thanks
    (I've not done anything with websites for 8 years until now I've never had so many headaches

  2. #2
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    I think the easiest option would be to use the radio button approach. This also provides a way for the user to see which search engine has been selected. I've made an example page at the link below. Have a look and see if I'm on the right track.

    http://www.mediacollege.com/internet...humbnails.html

    If you don't want the radio buttons we'd need to take a new approach. That's doable but you'd also need to consider some way to show which search engine has been selected.

    BTW you can post links now. Thanks for reading the rules!
    Dave Owen
    MediaCollege.com

  3. #3
    Thanks for your response!

    I do like that but i would prefer to completely remove the need to tick an option and then press search so that its more of an "app" feel. Upon clicking "Asda" it would search Asda removing the need to use the [Search] Button or "Asda" "Tesco" and "Sainsburys" will all act as a search button separately but using the same input box if that makes more sense? :P

    Something like this (paint job)
    Name:  searchbox1.jpg
Views: 172
Size:  12.5 KB

    Thank you

  4. #4
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    I see. I've made another variation - see what you think:
    http://www.mediacollege.com/internet...umbnails2.html

    Note: I included the option to use a default search engine for those who enter a search term and hit the enter key. Now that I think about it, a better option might be to catch those instances and prompt the user to click a button, but it's probably not a big deal.
    Dave Owen
    MediaCollege.com

  5. #5
    Well Dave I am agree with you, there are some points which are very helpful for me. Asda is useful for me but I am not sure that it good or not, so tell me about more if it is possible.

  6. #6
    Sorry i've been away. Yeah thats great and exactly what i was seeking Thank you! So what parts would i have to edit if i wanted to add more options? Just this?

    Code:
    <img src="img/asda.png" width="75" height="24" alt="" onclick="dosearch('http://groceries.asda.com/asda-estore/search/searchcontainer.jsp?trailSize=1&searchString=');" class="searchTn" />
    Code:
    <div style="background-color:#F2F2F2;padding: 15px;border:1px solid #666;max-width:360px;">
    <form name="searchform" onSubmit="return dosearch();">
    <input name="searchterms" id="searchterms" type="text" style="width:200px;">
    <div style="margin-top:20px;">
    <img src="img/asda.png" width="75" height="24" alt="" onclick="dosearch('http://groceries.asda.com/asda-estore/search/searchcontainer.jsp?trailSize=1&searchString=');" class="searchTn" />
    <img src="img/tesco.png" width="87" height="24" alt="" onclick="dosearch('http://www.tesco.com/groceries/product/search/default.aspx?searchBox=');" class="searchTn" />
    <img src="img/sainsburys.png" width="124" height="24" alt="" onclick="dosearch('http://www.sainsburys.co.uk/sol/global_search/global_result.jsp?bmForm=global_search&GLOBAL_DATA._search_term1=');" class="searchTn" />
    <img src="img/site4.png" width="75" height="24" alt="" onclick="dosearch('http://site and search string.co.uk');" class="searchTn" />
    </div>
    </form>
    </div>

  7. #7
    Administrator Dave's Avatar
    Join Date
    Sep 2004
    Location
    Te Awamutu, New Zealand
    Posts
    3,959
    Blog Entries
    79
    Yep, that looks right. Give it a try and let me know if there are any problems.
    Dave Owen
    MediaCollege.com

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Subscribe to us on YouTube