| "; menuBuffer += h.write(); // doorloop de lijst met heads, en schrijf die menuBuffer += " | "; } menuBuffer += "
| "; menuBuffer += h.write(); // doorloop de lijst met heads, en schrijf die menuBuffer += " |
![](\"wtpimages/spacer.gif\"){kind=spacer}
");
}else {
this.write(activePage); // als de browser geen layers ondersteunt, dan word het menu geschreven zonder layers.
}
}
/******************************************
* Head *
* Heads zijn onderdelen van de menubalk *
* object Head function Head(
* string id: naam van deze head
* string text: text van deze head. Indien null dan word een gif gebruikt
* string link: link van deze head. Indien null dan word de default link gebruikt
* string of int align: indien string: center, right of left of indien int pixels vanaf linkerkant van de window
* int width: breedte van deze Head
* int height: hoogte van deze Head.
* )
*******************************************/
function Head(id, text, link, align, width, height, orientation){
this.id = id; // string id: naam van deze head
this.text = text; // string text: text van deze head. Indien null dan word een gif gebruikt
this.link = link; // string link: link van deze head. Indien null dan word de default link gebruikt
this.align = align; // string of int align: indien string: center, right of left of indien int pixels vanaf linkerkant van de window
this.width = width; // int width: breedte van deze Head
this.height = height; // int height: hoogte van deze Head.
this.lijst = null; // object Item[]: lijst van alle items van de pulldown van deze Head
this.menu = null; // object Menu: waar deze Head bij hoort
this.button = null; // object Button: clickbutton van deze Head
this.top = 0; // int: top positie in pixels
this.left = 0; // int: linker positie van de Head in pixels
this.headMenuLeft = 0; // int: linker positie van de pulldown, in pixels
this.headMenuTop = 0; // int: top van de pulldown
this.headMenuHeight = 0; //int: hoogte van de pulldown
this.headMenuWidth = 0; // int: breedte van de pulldown
this.imageDir = ""; // string: directory van alle plaatjes van deze Head, is gelij aan imageDir van menu.
this.availElements = 0; // int: aantal items van de pulldown waarop je kan clicken
if(orientation) {
this.orientation = orientation; // is dit een verticaal of horizontaal menu
}
else {
this.orientation = "horizontal"; // horizontaal menu is de default
}
if(this.orientation == "vertical") {
this.init = initHeadVertical; // menu schrijven in de pagina
}else {
this.init = initHead; // menu schrijven in de pagina
}
};
Head.prototype.write = writeHead; // head initialiseren
Head.prototype.focus = headFocus; // word aangeroepn als bij mouseover
Head.prototype.blur = headBlur; // bij mouseout
Head.prototype.pullActive = pullActive; // eigenlijk niet gebruikt, maar in het geval dat de head een andere uiterlijk krijgt als de pulldown is zichtbaar
Head.prototype.close = headClose; // rollover en pulldown sluiten
Head.prototype.getItem = getItem; // index van een item zoeken bij naam
Head.prototype.add = addItem; // een item toevoegen aan de pulldown van deze Head
Head.prototype.addSeparator = addSeparator; // een separator gif toevoegen, zonder link
/**************************************************************************
* addItem (Head.prototype.add)
*
* object Item function addItem(
* string id: naam van deze head
* string text: text van deze head. Indien null dan word een gif gebruikt
* string link: link van deze head. Indien null dan word de default link gebruikt
* int width: breedte van deze Head
* int height: hoogte van deze Head.
* bool avail: of dit item een link heeft
* )
**************************************************************************/
function addItem(id, text, link, width, height, avail) {
var item = new Item(id, text, link, width, height, avail); // nieuw item object
if(!this.lijst) { // als deze head geen items lijst heeft, maak die nu aan
this.lijst = new Array();
this.lijst[0] = item; // dit is de eerste item van deze Head
}else {
this.lijst = this.lijst.concat(item); // als deze Head al items heeft, voeg deze toe
}
return(item);
}
/**************************************************************************
* addSeparator (Head.prototype.addSeparator)
* void addSeparator(
* string file: url van een gif, absoluut of relatief an imageDir
* int width
* int height
* )
*
* addSeparator maakt het mogelijk om een gif te plaatsen in een pulldown.
*
**************************************************************************/
function addSeparator(file, width, height) {
var text = null;
var link = null;
var avail = false;
this.add(file, text, link, width, height, avail); // separator is eigenlijk een item, waarbij avail is false
}
/**************************************************************************
* initHead (Head.prototype.init)
* void initHead(void)
* Head initialiseren
**************************************************************************/
function initHead() {
var il = 0;
var kzl = 0;
var kz = 0;
this.headMenuTop = this.top + this.height; // top positie in pixels van de pulldown
this.headMenuHeight = 0; // totale hoogte van de pulldown
if(this.lijst) {
for(il in this.lijst) {
this.headMenuHeight += this.lijst[il].height; // de totale hoogte van de pulldown is de som van de hoogte van alle items
}
}
this.headMenuWidth = this.width; // breedte van de pulldown
if(this.lijst) {
for(il in this.lijst) {
this.headMenuWidth = (this.lijst[il].width > this.headMenuWidth)? this.lijst[il].width : this.headMenuWidth;
} // de breedte van de pulldown is gelijk aan de breedte van de breedste item
}
if(isNaN(this.align)) { // align kan een string (center, right, left) of een int in pixels
switch(this.align) {
case "center": this.headMenuLeft = Math.round(this.left - (this.headMenuWidth - this.width)/2); break; // bereken de pixel positie van deze pulldown
case "right": this.headMenuLeft = this.left - (this.headMenuWidth - this.width); break;
case "left": this.headMenuLeft = this.left; break;
}
}else {
this.headMenuLeft = this.left + this.align; // als align is een int, dan is de positie van de pulldown relatief aan de positie van de head (mag negatief zijn)
}
if(this.headMenuLeft < 0) this.headMenuLeft = 0; // de pulldown mag niet links van de window-rand uitklappen
if(this.lijst) {
for(kzl in this.lijst) { // doorloop de lijst met Items van deze Head
kz = this.lijst[kzl];
kz.head = this; // elke Item krijgt een pointer naar de Head waar het bij hoort.
if(!kz.link) kz.link = linkPrefix + kz.id; // als het Item heeft geen expliciet link, gebruik de default linkPrefix
kz.imageDir = this.imageDir; // directory voor plaatjes van deze item
}
this.availElements = 0; // aantal elementen van de pulldown die avail zijn, en dus een link hebben
for(kzl=0; kzl| "; else // anders is het een separator, en dan is de marge en de padding nul. if(platform.browser == "ns") buffer += " |
| "; // inline style op z'n netscape else buffer += " |
| "; // inline style op de normale manier buffer += i.write(); // schrijf het item naar een buffer buffer += " |
|
| "; else // anders is het een separator, en dan is de marge en de padding nul. if(platform.browser == "ns") buffer += " |
| "; // inline style op z'n netscape else buffer += " |
| "; // inline style op de normale manier buffer += i.write(); // schrijf het item naar een buffer buffer += " |
|