Frameworks: Spotlight (Ext JS)
This page was created to display an example of my usage of the
Ext JS Frameworks. This particular sample is based upon the Spotlight capability of Ext JS.
You can see the original extjs.com Spotlight sample by clicking here.
By comparing this page with the original, you'll see how much I changed it. Here are the specific changes I made:
-
I used content from my instructions about how to turn Javascript on in the Internet Explorer 6 browser, rather than using the boilerplate content from the extjs.com Spotlight sample.
You can see the original content I used by clicking here.
-
I changed the layout of the boxes from 3 columns to 1.
-
I reduced the space between boxes in the on-page CSS (originally, the padding between boxes was 20 pixels in each direction, which would have inserted 40 pixels of space between boxes. I reduced this to 12).
-
I added five additional content boxes, creating additional ID numbers and adding the code necessary for the spotlight to move in sequential order through the list.
-
I placed the boxes in their own DIV within the right column of the page, rather than allowing the boxes to fall to the end of the document, as was the case in the original extjs.com Spotlight sample.
Click the Start button to see the Spotlight sample in action.
How to Enable Javascript in IE6
|