Inserting the standard Class Listing Table onto your webpage

If you want all your classes presented together in one table, insert the standard HTML Javascript code: The code below will display all your active classes in one standard table with the headers shown above. It is always your "starting point" for making custom tables. If you can copy/paste the below code into your web editor, then you can do this! Making multiple custom tables in organized groups always starts with this standard code:


Replace the XXXXXX with your specific Organization's ID number! (Find yours by going to Tools > Website Registration - it is shown in blue).

The table will automatically shrink or stretch to fit within your content area, and it will also automatically take your webpage's background color!

If you are using a Content Management System website (such as Joomla, Chalkjock, Wordpress, and hundreds of others), and you do not know how to toggle the screen to "HTML mode" to input javascript code, please view our CMS Instructional page for a few examples - scroll down to the Class Listings section.

IMPORTANT NOTE: Having the Class Listings tables displayed directly on your webpage requires your webhost company and website editor to support JavaScript capabilities. If your website editor does not allow scripts, please use the options on Listings without Scripting (optional) page. Jackrabbit cannot control how your webhost or editor handle the use of script tags. Contact a web developer or your webhost company with any issues regarding the rejection of scripts.

Next Step: Create organized, grouped tables

Now that you know how to place one large table on your website, you probably want to know how to BREAK IT APART into organized groups of smaller tables and place each table in a different location or even on different webpages. You can do that!!

By Program: Suppose you run a Dance school. Maybe you'd like to show all your BALLET classes on your Ballet webpage, all your HIP-HOP classes on your Hip-Hop page, and all your TAP classes on your Tap page. Using your Category codes, you can easily divide out your classes by Program or Level and put each table where you want it.
By Session: You may need to show multiple Sessions simultaneously. You can easily split apart the various sessions so that classes having the same name, but occuring in different sessions, are not mixed in together.
By Location: If you have multiple Locations, you can easily group each Location's classes together in their own table.

You can even do all three of the above at the same time: Show only my Ballet classes for Fall Session at Location Smithville.

Repeat the same procedure for each of the other programs, session, or locations. You can sort how the classes display within the table, hide columns you don't want shown, and more! It's all done by adding "parameters" to the code right after your org id #. The next page, nicknamed the CHEAT SHEET, will show you how.