SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to build a sortable list.

    http://www.edgeview.com/transactions/

    This site has a filter on it to sort by different industries. I see there is a lot of CSS done with it but not sure exactly how they built it, or even what it technically would be called it I was searching Google to find something to help me build something like this. If this is in the wrong section I apologize. Any help to get me started in the right direction would be great.
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,114
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    It may be possible to do this with CSS alone (perhaps using a new feature like :target) but this page uses jQuery (a JavaScript library) to do it, and you are probably better off using that.

    You can see the transactions.js file near the bottom of the page.

    There are other jQuery scripts you could use and adapt, such as this one:

    http://www.sohtanaka.com/web-design/...-w-css-jquery/
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have seen those types of scripts before and also have used them too. But the only issue with that is if I have 30 different topics that need to be filtered they wouldn't fit across the screen.
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health

  4. #4
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can this be moved to the jquery forum please?
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health

  5. #5
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,032
    Mentioned
    152 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by zeeb44 View Post
    Can this be moved to the jquery forum please?
    We don't have a specific jQuery forum, so I moved it to the Javascript forum
    Rémon - Hosting Advisor

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  6. #6
    Non-Member
    Join Date
    Apr 2011
    Location
    no fixed address
    Posts
    851
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by zeeb44 View Post
    .....I see there is a lot of CSS done with it but not sure exactly how they built it, ......
    Looking through their transactions.js it appears all they are doing is using AJAX to replace the content in the html table (id="transactons") with the appropriate content for the user selected industry.

  7. #7
    SitePoint Addict zeeb44's Avatar
    Join Date
    Apr 2011
    Location
    Greenville, SC
    Posts
    202
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What would something like this be called? Trying to find a pre built script.
    Personal Portfolio - Zeeb44
    IT Manager for - Family Dental Health

  8. #8
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,032
    Mentioned
    152 Post(s)
    Tagged
    2 Thread(s)
    It don't think it has a fixed name, but the ones I've seen are usually called something with "grid". So you may want to search for something like "javascript grid" or "javascript grid ajax".
    Rémon - Hosting Advisor

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy


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
  •