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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Implementing a dropdown box search filter

    Hi everyone,

    I am looking to know what to call and how to code a search filter similar to the one on this website in the light blue box titled "hey there!" : http://www.gradconnection.com.au/graduate-jobs/

    I noticed that when you play around with the dropdown options that it doesn't change the page.

    If you can think of any example code that would be brilliant, otherwise any suggestions on how to do this [preferably in HTML] would be very much appreciated!

    Kind regards,
    Yuishinkai

  • #2
    New Coder
    Join Date
    Jul 2009
    Posts
    28
    Thanks
    2
    Thanked 3 Times in 3 Posts
    That site is probably using AJAX. With JavaScript, you can listen for when someone changes the option in the dropdown, grab the option they chose, and (with AJAX) load the new content without the page having to reload.

    It's a cool effect, but not something that can be done with static HTML.

  • Users who have thanked Matt Boldt for this post:

    yuishinkai (12-06-2012)

  • #3
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks Matt Boldt, that looks like exactly what I am after!

  • #4
    New Coder
    Join Date
    Jul 2009
    Posts
    28
    Thanks
    2
    Thanked 3 Times in 3 Posts
    If you feel like learning to use AJAX, and have a basic understanding of JavaScript, you should read up on this jQuery function. http://api.jquery.com/load/

    Pretty simple to implement, actually. But it helps if you know basic JavaScript.


  •  

    Posting Permissions

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