JSTarot

483 days ago , , C. David Dent ,

Javascript Tarot

The source is available here (608K) Note: this file only includes the default images. Samples

I could not begin to tell you why I created this, but it is a nice bit of programming and I am more than a little proud of it. But credit where credit is due, I took an idea (css-based cards and Javascript Object decks and cards) from Mike Hall of Brainjar and ran with it.

This is 100% OOP Javascript no callbacks to a server*. There are three objects, a Reading Object, a Stack object and a card object. Each of these are combined to make a reading. The spreads and interpretations are easy to do and can be customized.

This is based on the classic Rider-Waite style of tarot, but can be easily modified to handle just about any type of deck/layout divination system (see the Egyptian Cartouche system in v1.1). Have fun, and let me know if you like it!

* Okay I did add an Ajax callback to determine of a file exists, but it does not have a server component, it uses the HEAD function to see if it receives a 200 response from the server. I'm still within my 'browser-only' rule.

Version History

• Code Cleanup: Dealt with some Strict errors
• Code Cleanup: Altered CSS to be more proportional
• New Deck: Golden Dawn
• Sample includes a "deck switcher"
• Added Persistant Readings

• Bugs Fixed
  • Clicking reaading link did not show interpretations
• New layouts
  • 5-Card Star
  • 2-Card
• Card Options
  • Configurable Arcana Names
  • Configurable Suit Options (name, color, symbol)
  • Configurable Rank Names and Abbreviations
  • Customizable createNode function
• Deck Options
  • Customizable makeDeck function
• Support for reversed images and Minor arcana images
• Included a sample custom deck with custom interpretations (Cartouche)
• New Deck Images
  • Experimental Tarot
  • Bota Tarot
  • Egyptian Cartouche
• Added 'imageExists' internal function
• Added progress-delay image during readings.
• Removed obsolete deckCombine function

• Includes Rider-Waite images for major Arcana
• Flexible layouts
• Has 28 Layouts Included
  • Five Card Spread
  • One Card
  • Ellipse Spread
  • The Celtic Cross
  • The Mirror
  • Magic Seven Spread
  • Mandala Spread
  • Relationships
  • Zodiac
  • Three Card Spread:Past, Present, Future
  • Three Card Spread: Around the Corner
  • Four Card Spread: Priorities (Adapted by Cheryl Lynne Bradley 2001-2006)
  • T-A-R-O-T (Layout Cheryl Lynne Bradley 2001-2006)
  • F-A-I-T-H (Layout Cheryl Lynne Bradley 2001-2006)
  • C-H-A-O-S (Layout Cheryl Lynne Bradley 2001-2006)
  • World Peace (Layout Cheryl Lynne Bradley 2001-2006)
  • Social Navigator (Layout Cheryl Lynne Bradley 2001-2006)
  • The Story of my Soul. (Layout Cheryl Lynne Bradley 2001-2006)
  • Asteres Planetai
  • The Tree of Life
  • 5-Card Horseshoe
  • Project and Ideas EGG (copyright Dragon's Moon)
  • Relationship EGG (copyright Dragon's Moon)
  • The Spiral (copyright 2008 Maya Britan - I am One Tarot)
  • Newton Spread (copyright 1998-2008 Big Old Raven http://www.corax.com)
  • The Four Knights Defense (copyright 1998-2008 Big Old Raven http://www.corax.com)
  • The Raven's Bridge (copyright 1998-2008 Big Old Raven http://www.corax.com)
  • The Raven's Tree (copyright 1998-2008 Big Old Raven http://www.corax.com)
• Configurable Card Options
  • images
  • Width & Height of cards
  • Configurable Deck Options
    • Arcana Only
    • Reversed Meanings
  • Spread options
    • Faceup/facedown Readings
    • Element IDs (for doing multiple spreads on a page)
    • Height and width of Spread
  • CSS-based cards
  • Configurable card-click event
  • Tested in FF3, IE7, Chrome, Safari2