Dynamic javascript list view with extensive search features and hardcoded backup for SEO.

Dynamic javascript list view with extensive search features and hardcoded backup for SEO.

CSC | Dynamic List

As I became more involved in developing front-end features for the CSC website, I asked for more responsibility and projects that I could own. Thus, I was given the list module, an extensive and customizable module used throughout the site to order large amounts of content according to settings assigned by page authors on the custom CMS. At the same time, it is also designed to allow user capabilities so that the visitor to the website can search, sort, and page through the content in a way that serves their individual needs.

On the CMS side, authors could set initial settings for the lists on load. There were buttons for chronological and revers chronological, alphabetical and reverse-alphabetical listings of content. Authors could also set the content to be sorted into groups that could be collapsed and expanded for faster browsing.

On the browser side, JavaScript making AJAX queries to the database to reorganize listed content according to search terms, alphabetical title values, chronologically, and set brackets between the earliest publish date and the latest publish date to return results. While this was populated by JavaScript, each page source included static results so that people and search engines could still traverse the relevant information when JavaScript was disabled.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*