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

 < previousnext > 

 

Layer

 

<action>

     <item type='string' target='string' />
     ...
   
</action>
             


Description

The action tags can be added to an object and enclose any number of items, each executes an action when triggered by an event:

 

  • type: The type of action to execute. The type values that change the object's layer are:

    • float: Bring an object to the front (in front of other objects that might cover it). If the board has a scribble layer, then the object is brought forward, but only as far as the scribble layer (objects behind scribbles stay behind them).


  • target: The ID of the object to apply this action to. If this attribute is omitted, then the object that encloses this action is targeted.

 

Example

<slickboard>
 
   <!-- click the blue circle to bring it to the front -->
   <object>
      <circle x='200' y='150' radius='50' fill_color='8888ff' state='hit' shadow='default' />   
      <action>
         <item type='float' />
      </action>
   </object>   
   
   <!-- the red circle is not clickable -->
   <object id='red'>
      <circle x='280' y='150' radius='50' fill_color='ff4400' shadow='default' />   
   </object>
   
   <!-- click the black square to bring the red circle to the front -->
   <object>
      <rect x='400' y='140' width='20' height='20' fill_color='000000' shadow='default' state='hit' />   
      <action>
         <item type='float' target='red' />
      </action>
   </object>   
   
   
   <filter>
      <shadow id='default' />
   </filter>  
   
</slickboard>

 

 < previousnext > 


Copyright © 2010-2017, maani.us