Jump to content

Event Calendar Page Filter


CachedIronSkillet

Recommended Posts

The Calendar is a pain to use, and it would only take a few css classes and a little JavaScript to provide a much better user experience.   

 

A filter...   allowing the user to select a single location and only see the lists for that location on both tables.

 

 

1) In both tables wrap the locations in a span with two css classes: location and the country/state code.

2) Add a dropdown at the top of the page that is filled using javascript that scans the DOM for location spans and adds each unique span content to the dropdown, with the corresponding country/state code as the css class on each row.  Include a blank row at the top of the dropdown as the default.

3) Add javascript to the dropdown to hide all location spans except for the corresponding country/state code spans unless the blank option is selected...

 

 

 

 

 

 

 

Edited by CachedIronSkillet
added info
  • Upvote 1
Link to comment
5 hours ago, Lynx Humble said:

Hum it was the first time I saw that page. Is it with the old website you can access it?

The  /calendar  page can be accessed from the 'old' and 'current' website.  It's in the "Community" menu in the  Play / Community / Shop header at the top of most pages throughout the website.  Access to that page hasn't changed with the re-designed pages.

 

 

Edited by noncentric
ot
Link to comment

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...