Book Image

MediaWiki Skins Design

Book Image

MediaWiki Skins Design

Overview of this book

Table of Contents (16 chapters)
MediaWiki Skins Design
Credits
About the Author
About the Reviewer
Preface

Tables: Making Data easier to read


As JazzMeet will be organising jazz gigs and events around the world in MediaWiki's collaborative environment, we will have a lot of HTML tables of data. These may include details such as who is organizing what and who is attending. In large tables, it can be easy to lose focus of the row or column that you were looking at, but we can use JavaScript scripts such as Tablecloth to enhance the visitors' experiences.

Tablecloth (http://cssglobe.com/lab/tablecloth/) is a JavaScript-based feature that highlight the row and column of a table that you are currently hovering over.

The script also assigns a class of .odd to the odd rows in the table, and .even to the even rows in the table.

Installing Tablecloth

The Tablecloth script needs to be installed in a way similar to Lightbox 2, that is, by linking to the JavaScript files in your wiki template's<head> section, and by adding the Tablecloth CSS to your existing CSS.

To link to the JavaScript files...