The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with filtering?, Sorting, Filtering
DRSilva
post Apr 27 2012, 07:33 AM
Post #1





Group: Members
Posts: 2
Joined: 27-April 12
Member No.: 16,997



I'm trying to make a webpage with a lot of different free resources, like videos, articles, downloadable audio, etc. The plan is to separate the resources into different categories so people can filter through and only look at the ones they want. Sort of like a product site like this, without the sales stuff.

See that section on the left with the check boxes? And how you can check exactly what you want to be displayed? I want it to be like that. I'm not sure if that's even HTML or something more complex, but I would so appreciate if someone could help me out or point me in the right direction. I've been on google for an hour and a half trying to figure out what to search for, with no luck.

Thanks a lot!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 27 2012, 04:04 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Something like this?
http://meyerweb.com/eric/css/edge/menus/demo.html

That's a version based on HTML and CSS. If you want the sections to open and close when the section heading is clicked on, then you'll need a JavaScript-based version.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
DRSilva
post Apr 28 2012, 11:31 AM
Post #3





Group: Members
Posts: 2
Joined: 27-April 12
Member No.: 16,997



QUOTE(Darin McGrew @ Apr 27 2012, 04:04 PM) *

Something like this?
http://meyerweb.com/eric/css/edge/menus/demo.html

That's a version based on HTML and CSS. If you want the sections to open and close when the section heading is clicked on, then you'll need a JavaScript-based version.

Hey, thanks for the reply. That will no doubt come in handy for me someday, but not exactly what I'm looking for at the moment smile.gif.

I don't want the entire page to change, I only want the contents on the page to rearrange and sort themselves according to what the person is looking for.

So say it was a page with 50 animal videos, but they only wanted to see the videos about "cats", then they would click a link on the side (or a checkbox), and wallah! All the videos about cats would show up for them, without the page changing.

For the life of me I can't figure out how to explain it simply, even though I know it should be simple to explain. lol.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 28 2012, 12:36 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Given that you want it "without the page changing", you'll need to use JavaScript. I'll move the thread to the client-side programming forum.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Apr 28 2012, 01:53 PM
Post #5


.
********

Group: WDG Moderators
Posts: 9,630
Joined: 10-August 06
Member No.: 7



You can use ordinary javascript to show/hide content that's already contained by the page.

If there's too much content to fit conventiently in a single page you might use Ajax (javascript) to communicate with a database on the server.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 28 2012, 02:02 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Or do it serverside altogether.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 11:39 PM