Quick Start: run WCW in seconds

Just copy and paste the following html into your page:

Refresh the page, and you should see WCW window. Enjoy it!

Explaination:

• First line is to load WCW JavaScript library, like loading any other JavaScript file.
• Second line is loading WCW stylesheet, like loading any other stylesheet.
• Third line is just the image from Google Chart with an event attached to launch the WCW. You can attach the WCW to any event you want, like onclick, onmouseover, onkeydown etc. Here is attached to onload event, so when the image is loaded, the WCW window will show up.

Here is the complete file for your convenience.

More Formal

• Step 1
  Copy and paste the following html code into the head section <script type="text/javascript" src="http://www.webchartwizard.com/lib/wcw.php"></script> <link type="text/css" href="http://www.webchartwizard.com/lib/wcw.css" rel="stylesheet"/>


• Step 2
  Copy and paste the following code into anywhere in body section.
  <img src="http://chart.apis.google.com/chart?cht=p3&chs=360x200&chd=t:30,60,70,90&chl=Tiger|Lion|Bear|Dog&chco=9999ffaa,ccff6699,66990088,0000cc77&chf=bg,ls,0,ffffcc,0.1,ccffff,0.1&chtt=Animals+in+Circus&chts=009900,20" onload="WCWizard.show(this);" onclick="WCWizard.show(this);"/>


• Step 3
  Refresh the page, and then, you should see WCW window. You can add many images as you want!

For more details, please read our interactive documentation, FAQ. In additions, Developer section show you how to configure the WCW to meet your unique need. For example, only let your user have certain functions but not others.