Implementing DHTML in WebExpress

 

 Setz script: (for demo click here)

Currently in WebX:

To make this easier in WebX:

To add the setz script:

Paste in the 'detect.js' script.

Insert>Script>Extensions

Name: src
Value: setz.js

Add the 'detect.js' script whenever you use a script which acts upon a named DIV element, or when changing width or height.

Import>Scripts>move should create the 'detect.js' script tag and 'setz.js' script tag.

 

Create a DIV tag with an 'ID' set:
ID = "test"
Then create a paragraph of text inside the DIV which you'd like to move when a link is clicked or passed over.
Create a link
Hit the 'Extensions' button in the link dialog
Name: onmouseover
Value: setz ('test', '0');
Name: onmouseout 
Value: setz ('test', '1');

The higher the zIndex number the higher the layer... so 1 is above 0.

Any DIV tags with ID's set should be recorded in a list which you can choose from later in the 'setz' dialog.

If you use 'onclick' you will have to set the link to 'javascript: void(0);'

 

Rules/Problems with the 'setz.js' script:

The DIV ID's cannot be set automatically... (or can they?) 

 

 

function setz (name, index)

//set z-index (layer priority) of element -name-

{ if (unable) return;

if (DOM) {eval (wholebit + '.zIndex = ' + index); return;}

eval (frontbit + name + endbit + '.zIndex = ' + index);

}

>>