Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question How to display recent viewed products search result on a search bar using JQuery or J

    I was given a task to develop on the given code so that the "#quickSearch"

    The "#bar-b" div is the small main search bar that once I click on it, the "#quickSearch" div (the big search bar that I created) appears visible right underneath the small main search bar.

    IN that "#quickSearch" div I am trying to display a list of recently viewed items (which is labelled as the div "recentlyViewedItems" on HTML) as a filtered search result (the items that come up will depend on what I have put in the "#bar-b" div so for e.g. if I type in "C" I would immediately expect a list of items beginning with "C" to pop up in the "#quickSearch" div, think of it as when you type in a keyword on google search, a list of possible search results comes up in a new bar underneath, well I am trying to do something like that). If anyone can help me solve this problem I would be forever grateful, thank you very much in advance.

    In the jsfiddle.net website (that I posted below) I have the JQuery code which is linked to the HTML and CSS code (that I partly played around with by myself).

    http://jsfiddle.net/2MjPU/2/ - (the "recentViewedItems" div will not display properly on the results section on my computer, don't know if it will be the same case for anyone else who test this on their own pc).

    Any questions you have, feel free to ask. Yet again, thanks in advance.
    Last edited by ApprenticeGeek; 08-17-2012 at 03:56 PM.


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •