DaniWeb Forum Index > Web Development > PHP

A List Script?

Please support our PHP advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2009

Posts: 7

Reputation: SCRAWL is an unknown quantity at this point

Solved Threads: 0

SCRAWL

Offline

Newbie Poster

A List Script?

Sep 15th, 2009

Over on my site, I have a list of PS3 and Xbox 360 exclusive games:

http://scrawlfx.com/ps3-360-exclusives

However, each item in the list is colored differently depending on whether it's solely exclusive to the console, exclusive to the console but has a PC version, or exclusive to PS3 or 360 but then also has a Wii or PS2 version.

I'm looking for a list script that will allow me to put this list in and then allow sorting options to only show those colored in red, or only show those colored in purple, etc.

Can you guys lend me a hand?

•

Join Date: Jul 2009

Posts: 178

Reputation: codejoust is an unknown quantity at this point

Solved Threads: 18

codejoust

Offline

Junior Poster

Re: A List Script?

Sep 15th, 2009

I'd use jQuery to simply sort the list...
Remember to include jquery.js before this script... (and please edit and add to it...)

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
$(function(){
   $('a.show#red').click(function(){ /*When a link with the class show, id red is clicked...*/
    showColor('#fffccbb'); //Show color (color value (in style attribute);
   });
   $('a.show#orange').click(function(){ //Same, but for orange.
      showColor('#eeffcc');
   });
 
 
});
 
function showColor(color){
$('.content li').hide(); //Hide all li's in the class content
$('.content li[style^="color: '+color+'"]').show('slow'); /*Fade in the li with the color specified.*/
}
$(function(){
   $('a.show#red').click(function(){ /*When a link with the class show, id red is clicked...*/
    showColor('#fffccbb'); //Show color (color value (in style attribute);
   });
   $('a.show#orange').click(function(){ //Same, but for orange.
      showColor('#eeffcc');
   });

    
});

function showColor(color){
$('.content li').hide(); //Hide all li's in the class content
$('.content li[style^="color: '+color+'"]').show('slow'); /*Fade in the li with the color specified.*/
}