Otherwise, to start a new script, just copy the template to a new script.

Using the template, create a script to set up a test for changing color by adding the following to the new script started with the template:

At the top of the script:

   set rectBounds to {72, 72, 144, 144}

In the section where the comment begins –Add code to…

   tell spreadRef
      set blueRect to make rectangle with properties {name:"blueRect", geometric bounds:rectBounds, fill color:"Blue", stroke color:"None"}
      set properties of animation settings of blueRect to {duration:1, opacity array:{{0, 0}, {23, 100}}}
      set redRect to make rectangle with properties {name:"redRect", geometric bounds:rectBounds, fill color:"Red", stroke color:"None"}
      set properties of animation settings of redRect to {duration:1, opacity array:{{0, 100}, {23, 0}}}
   end tell

After –add timing list(s) and timing groups here

   set clickTimingList to make timing list with properties {trigger event:on page click}
      tell clickTimingList
	set rectTimingGroup to make timing group with properties {dynamic target:blueRect, delay seconds:0}
      tell rectTimingGroup
	make timing target with properties {dynamic target:redRect, delay seconds:0}
      end tell --timing group
   end tell --timing list

Compile the script and run with a new InDesign document open. Make sure the colors “Blue” and “Red” are established in the document. After running the script your document should have a red square on the first page.

View the animation in the EPUB Interactivity Preview panel. Click the run button (triangle) bottom left. When the page displays in the window, click the page to see the animation. (The color of the square should change from red to blue.)

When you are successful, continue on to test some rollover behaviors.

Rollover

When the mouse pointer passes over a button or an object, we say that the object has been rolled over. Our next test will demonstrate how a script can be written to animate a page item when the page item is rolled over. Start with your template created above.

Add the following at the top:

   set rectBounds to {72, 72, 144, 144}
   set outBounds to {60, 60, 156, 156}

In the section where the comment begins –Add code to create page items…

   tell spreadRef
      set frameOutline to make rectangle with properties {name:"outline", geometric bounds:outBounds, fill color:"None", stroke color:"Black"} 
      set rectRef to make rectangle with properties {name:"rollOver", geometric bounds:rectBounds, fill color:"Red", stroke color:"None"}
      set properties of animation settings of rectRef to {duration:1, opacity array:{{0,0}, {23, 100}}}
   end tell

After –add timing list(s) and timing groups here

   set loadList to make timing list with properties {trigger event:on page load}
   tell timing settings of rectRef
      set rectTimingList to make timing list with properties {trigger event:on self rollover}
   end tell

Notice that rectTimingList is created as an element of the timing settings for the rectangle.

Compile and test the script with a new document open. Make sure the document has the RGB colors “Red” and “Black” in the swatches panel.

When the script is run, notice (as in the screen capture below) that the red square is visible in the document but not visible in the EPUB Interactivity Preview panel. When you pass the mouse pointer over the area inside the black outline, the square becomes visible. The behavior repeats every time the area is rolled over.