var domObj=new Array();
/*------------------------------------------------------------------------------------
ba_dom overview;
.purpose == changes styles of any DOHM object that has been assigned an 'id' attribute within its tag
.call origin == MULTIPLE as follows:
baDomObjArry(); is placed in the documents onload attribute of the body tag. This establishes the domObj Array on document load;
Place one of the following in an object's behavior(i.e., onmouseover,onload,onkeydown,etc.) that will recieve the focus:
domObj['sub_menu'].setV('visible'); ~ USE TO CHANGE 1 STYLE ATTRIBUTE FOR 1 OBJECT -------OR--------
domAcs('setV','sub_menu','visible','setBkgdColor','sub_menu','#000000','setColor','main_menu','#000000');
~ USE domAcs() TO CHANGE MULTIPLE -OR- 1 STYLE ATTRIBUTE(S) FOR MULTIPLE -OR- 1 OBJECT(S). See .notes below for additional information;
.notes == be sure to include a
tag in the of your *.html document in which this function is invoked.
domAcs() syntax (see .call origin above for additional information):
domAcs("1. function", "2. object's id", "3. reqrd function var", Repeat 1, 2, & 3 for each object style you want to change)
Multiple objects AND multiple styles can be changed utilizing one function call. Ex:
this a text link in the body
The example above changes the background image and the border color of the m-menu AND the text color of the s-menu via onmouseover behavior assigned to a text link in the body. domAcs() can be invoked from any object that can execute a JS behavior and applied to any object that has been assigned an 'id' attribute in its tag;
------------------------------------------------------------------------------------*/
function domAcs(){
//entry script to access all domObj methods/functions in this file.
//dAa[0] must == the name of the function to be implemented.
var dAa=domAcs.arguments, i;
for(i=1;i0){
this.css.zIndex=nZ;
}else{
this.css.zIndex=0;
}
}
//------------------------------------------------------------------------------------
function mveAbove(rO){
//moves the obj above specified obj in z-order. rO==specified object
this.css.zIndex=domObj[rO].css.zIndex+1;
}
//------------------------------------------------------------------------------------
function mveBelow(rO){
//moves the obj below specified obj in z-order. rO==specified object
var rOz=domObj[rO].css.zIndex;
if(rOz>0){
this.css.zIndex=rOz-1;
}else{
rO.css.zIndex=1;
this.css.zIndex=0;
}
}
//------------------------------------------------------------------------------------
function setHTML(nHTML){
//sets the tag and text (i.e.,HTML) to appear in the obj. NOTE innerHTML is not part of the W3C stand. but both NN6 and IE support this technique.
if(!document.layers){
this.obj.innerHTML=nHTML;
}else{
with (this.obj.document){
open();
write(nHTML);
close();
}
}
}