Live Demo

WhatSock.com

All of WhatSock.com is powered by the AccDC API to maximize speed and efficiency.

To see how this is done, view the initial setup script at js/ready.js,
which declares all of the tab links on the left as top-level AccDC Objects.

View the Live Demo setup file at js/demo.js,
to see how all of the below demos are configured as child AccDC Objects, with the Live Demo tab specified as the top-level parent AccDC Object.

Dynamic Editor

Demo 1: An interactive editor dialog rendered as an AccDC Object, including a toolbar and dropdown menus, all of which consist of nested AccDC Objects that are dynamically configured from an external XML file on the server.

Click the "Edit Content" link to open the editor AccDC Object.

I gazed with rapt attention at the object borne to me alas by fortuity or fate... Boundless bourns, wherein constraints of time did not pertain, becalmed all force of will within enchantments cast unknown therein by lands in sandy waves. The souls of all who passed before the turning of this place of yore from fertileness to waste, whispered ever nigh across, and through the weathered hulks of lost kingdoms in their wake.
Edit Content

Drag & Drop

Demo 2: Standard images converted into draggable AccDC Objects that are automatically accessible to screen reader and keyboard only users with customizable drop zones.

Click the "Morph" button to convert all of the planet images into draggable AccDC Objects.
All of the draggable planet AccDC Objects are keyboard accessible when morphed. (The sun is also draggable, though it is not configured to be keyboard accessible since there is no drop zone specified.)
Directions for keyboard access:

  1. When the Morph button has focus after being activated, press tab.
  2. Press Enter on the planet links to toggle dragging.
  3. Keep tabbing until focus is set on a related drop link, and press Enter to start dropping.
  4. Press shift+tab to reverse.

Universe


  • Mercury
  • Earth
  • Mars
  • Venus
Sun

Galaxy


    (Starscape courtesy of the NASA Image Gallery; all rights reserved)

    Google Maps

    Demo 4: A Google map rendered as an embedded, fully encapsulated, keyboard accessible AccDC Object that dynamically opens when the page loads.