SlickBoard | CSS/XML Timeline (new) | XML/SWF Charts | Timeline Eons

 next > 

 

Basics

 

1. Download SlickBoard, decompress the download package, and place the following files in the same directory anywhere on your web server:

  • slickboard.swf
  • AC_RunActiveContent.js
  • sample.html
  • sample.xml

 

All these files are necessary. However, you will only edit and deal with sample.html and sample.xml.

slickboard.swf is the main flash tool. AC_RunActiveContent.js contains javascript code to detect the flash version installed by end-users and to insert the flash tool into web pages. sample.html is the web page that displays the tool. sample.xml is the XML source file that describes the content.

 


2. Preview the sample.html web page in a browser. The XML code in sample.xml generates a simple circle like this:

<slickboard>

   <circle x='240' y='150' radius='75' />   
      
</slickboard>

 


3. To edit the board, open the sample.xml source file in any text editor, add the necessary XML elements, and then reload the web page. This code adds another circle and a text:

<slickboard>

   <circle x='240' y='150' radius='75' />
   <circle x='240' y='150' radius='100' fill_alpha='0' line_thickness='10' />   
   <text x='230' y='130' size='30' color='ff3300'>Hello World!</text>

</slickboard>

 

If the browser keeps showing the same board after editing sample.xml, empty the browser's cache or see Caching for a permanent solution.

 

 next > 


Copyright © 2010-2017, maani.us