squaresX Attribute | SquaresX

HTML (DHTML)

squaresX Attribute | SquaresX Property

Internet Development Index

Sets or retrieves the number of columns for the CheckerBoard transition.

Syntax

HTML
{ filter:progid:DXImageTransform.Microsoft.CheckerBoard(
    squaresX = iColumns ... ) ... }
Scripting
object.filters.item(
    "DXImageTransform.Microsoft.CheckerBoard").SquaresX [ = iColumns ]

Possible Values

iColumnsInteger that specifies or receives any positive value greater than or equal to 2.
12Default.

The property is read/write. The property has a default value of 12.

Remarks

Any value less than 2 causes the property to default to 12.

Example

This example uses the backgroundColor property to change the display before each transition is played.

<SCRIPT>
var bToggle = 0;
function fnToggle() {
oDiv.filters[0].Apply();
// After setting Apply, changes to the oDiv object
//  are not displayed until Play is called.
if (bToggle) {
bToggle = 0;
oDiv.style.backgroundColor="gold";}
else {
bToggle = 1;
oDiv.style.backgroundColor="blue";}
oDiv.filters[0].Play();
}
</SCRIPT>
<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
filter:progid:DXImageTransform.Microsoft.CheckerBoard(
duration=5, direction='left', squaresX=4);">
</DIV>

Applies To

CheckerBoard