var linkstyle =" ";
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// loadData() - GENERAL FUNCTION - user defined data and variables exist in this function.
function loadData() {
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Tree structure definitions:
// Syntax:
// ROOT NODE:
// treeData.add(new RootNode("","","","",""));
// NOTE: There must be only ONE root node, and it MUST be the FIRST node.
// and can be left null - defaults will be used.
// FOLDER NODE:
// treeData.add(new FolderNode("","","","",""));
// NOTE: Folder nodes MUST have a valid parent node, and they SHOULD have children nodes.
// and can be left null - OmenTree will use the
// default images.
// LINK NODE:
// treeData.add(new LinkNode("","","","",""));
// NOTE: and may be left null - defaults specified in the user
// defined variables section will be used.
// Consult the OmenTree documentation for further assistance.
treeData = new Collection();
treeData.add(new RootNode('root',' Im RBB-Online-Shop ...','start.html','',''));
treeData.add(new LinkNode('root','Design-Highlights','../katalog/angebote/xcollection.html','','img-folder-closed-0.gif'));
treeData.add(new FolderNode('bueromoebel','root','Büromöbel','',''));
treeData.add(new LinkNode('bueromoebel','Bürostühle u. Bürosessel','../katalog/angebote/xsitzmoebel.html','',''));
treeData.add(new LinkNode('bueromoebel','Büromöbel Serie orgafix','../katalog/angebote/xfixbuero.html','',''));
treeData.add(new LinkNode('bueromoebel','Stahlschränke','../katalog/angebote/stahlschraenke.html','',''));
treeData.add(new LinkNode('bueromoebel','Cateringmöbel','../katalog/angebote/catering.html','',''));
treeData.add(new LinkNode('bueromoebel','Garderoben','../katalog/angebote/garderoben2.html','',''));
treeData.add(new FolderNode('buerozubehoer','root','Bürozubehör','',''));
treeData.add(new LinkNode('buerozubehoer','Geldkassetten','../katalog/angebote/geldkassetten.html','',''));
treeData.add(new LinkNode('buerozubehoer','Aktenkoffer','../katalog/angebote/aktenkoffer.html','',''));
treeData.add(new LinkNode('buerozubehoer','Die Schreibtisch-Befreier','../katalog/angebote/schwenkarme.html','',''));
treeData.add(new LinkNode('buerozubehoer','Laminiergeräte','../katalog/angebote/laminatoren2.html','',''));
treeData.add(new LinkNode('buerozubehoer','Aktenvernichter','../katalog/angebote/aktenvernichter.html','',''));
treeData.add(new LinkNode('buerozubehoer','Orientierungssysteme','../katalog/angebote/orientierung.html','',''));
treeData.add(new LinkNode('buerozubehoer','Prospektständer','../katalog/angebote/prospektstaender.html','',''));
treeData.add(new LinkNode('buerozubehoer','Rollhocker','../katalog/angebote/rolltritte.html','',''));
treeData.add(new LinkNode('buerozubehoer','Etagenwagen','../katalog/angebote/etagenwagen.html','',''));
treeData.add(new LinkNode('root','Tresore/Schutzschränke','../katalog/angebote/xtresore.html','','img-folder-closed-0.gif'));
treeData.add(new FolderNode('regale','root','Regalsysteme','',''));
treeData.add(new LinkNode('regale','Schnell-Lieferung','../katalog/angebote/xfixregale.html','',''));
treeData.add(new FolderNode('betriebseinrichtungen','root','Betriebseinrichtungen','',''));
treeData.add(new LinkNode('betriebseinrichtungen','Stahlschränke','../katalog/angebote/xstahlschraenke.html','',''));
treeData.add(new LinkNode('betriebseinrichtungen','Schubladenschränke','../katalog/angebote/schubladenschraenke.html','',''));
treeData.add(new LinkNode('betriebseinrichtungen','Stehsitze u. Stehhilfen','../katalog/angebote/stehhilfen.html','',''));
treeData.add(new LinkNode('betriebseinrichtungen','Wandtafeln','../katalog/angebote/wandtafeln.html','',''));
treeData.add(new LinkNode('betriebseinrichtungen','Beschriftungsgeräte','../katalog/angebote/beschriftungsgeraete.html','',''));
treeData.add(new FolderNode('werkstatt','root','Arbeitsplatzeinrichtungen','',''));
treeData.add(new LinkNode('werkstatt','Industrie-Drehstühle','../katalog/angebote/industriestuehle.html','',''));
treeData.add(new LinkNode('werkstatt','Werkstattwagen','../katalog/angebote/werkstattwagen.html','',''));
treeData.add(new LinkNode('werkstatt','Werkbänke Serie modul','../katalog/angebote/werkbaenkemodul.html','',''));
treeData.add(new LinkNode('werkstatt','Fahrbare Werkbänke','../katalog/angebote/werkbaenke2.html','',''));
treeData.add(new FolderNode('versand','root','Verpackung und Versand','',''));
treeData.add(new LinkNode('versand','Waagen','../katalog/angebote/waagen.html','',''));
treeData.add(new LinkNode('versand','Verpackungsmittel','../katalog/angebote/xverpackung.html','',''));
treeData.add(new FolderNode('entsorgung','root','Reinigung und Entsorgung','',''));
treeData.add(new LinkNode('entsorgung','Abfallbehälter','../katalog/angebote/abfallbehaelter.html','',''));
treeData.add(new LinkNode('root','Transport- und Lagerkästen','../katalog/angebote/xlagerkaesten.html','','img-folder-closed-0.gif'));
treeData.add(new LinkNode('root','Transportgeräte','../katalog/angebote/xtransportgeraete.html','','img-folder-closed-0.gif'));
treeData.add(new LinkNode('root','Fahrradständer','../katalog/angebote/fahrradstaender.html','','img-folder-closed-0.gif'));
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// User defined variables:
structureStyle = 0; // 0 for light background, 1 for dark background
backgroundColor = '#FFFFFF'; // sets the bgColor of the menu
textColor = '#000000'; // sets the color of the text used in the menu
linkColor = '#0000AA'; // sets the color of any text links (usually defined in additional HTML sources)
aLinkColor = '#FF0000'; // sets the active link color (when you click on the link)
vLinkColor = '#880088'; // sets the visited link color
backgroundImage = ''; // give the complete path to a gif or jpeg to use as a background image
defaultTargetFrame = 'pageFrame'; // the name of the frame that links will load into by default
defaultImageURL = 'images/'; // the URL or path where the OmenTree images are located
// defaultLinkIcon = 'img-page-globe.gif'; // the default icon image used for links
defaultLinkIcon = 'img-page.gif'; // the default icon image used for links
omenTreeFont = 'MS Sans Serif,Arial,Helvetica'; // the font used for the menu
omenTreeFontSize = 1; // its size - don't make it too big!
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Additional HTML sources:
prefixHTML = "
";
suffixHTML = "
Neu im Sortiment
";
// suffixHTML = "
";
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// start() - GENERAL FUNCTION - called by the HTML document once loaded - starts OmenTree by
// first loading the user data, and then drawing the tree.
function start() {
loadData();
drawTree();
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// drawTree() - GENERAL FUNCTION - starts the recursive tree drawing process by first writing
// the root node, and then all subordinate branches.
function drawTree() {
outputFrame = top.treeFrame.window.document; // If you really must, you can change the name of the treeFrame here to match your new name defined at the bottom.
outputFrame.open("text/html");
// outputFrame.write("\n");
// outputFrame.write("\n");
outputFrame.write(""+linkstyle+"\n\n");
outputFrame.write(prefixHTML + "\n\n");
if (treeData[1].target == "") {var targetFrame = defaultTargetFrame} else {var targetFrame = treeData[1].target}
if (treeData[1].icon == "") {var imageString = defaultImageURL + 'img-globe-' + structureStyle + '.gif'} else {imageString = defaultImageURL + treeData[1].icon}
outputFrame.write("![" + treeData[1].url + "](" + imageString + ")
" + treeData[1].name + "
\n");
drawBranch("root","");
outputFrame.write("\n" + suffixHTML + "\n");
outputFrame.write("\n");
outputFrame.close();
// window.status="OmenTree v1.0 - (C) 1998 Colin Tucker/OmenSoft - http://omensoft.home.ml.org";
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// drawBranch() - GENERAL FUNCTION - used by the drawTree() function to recursively draw all
// visable nodes in the tree structure.
function drawBranch(startNode,structureString) {
var children = extractChildrenOf(startNode);
var currentIndex = 1;
while (currentIndex <= children.length) {
outputFrame.write(structureString);
if (children[currentIndex].type == 'link') {
if (children[currentIndex].icon == "") {
var imageString = defaultImageURL + defaultLinkIcon;
}
else {var imageString = defaultImageURL + children[currentIndex].icon}
if (children[currentIndex].target == "") {
var targetFrame = defaultTargetFrame;
}
else {var targetFrame = children[currentIndex].target}
if (currentIndex != children.length) {
outputFrame.write("![](" + defaultImageURL + "img-branch-cont-" + structureStyle + ".gif)
")
}
else {
outputFrame.write("![](" + defaultImageURL + "img-branch-end-" + structureStyle + ".gif)
")
}
outputFrame.write(" " + children[currentIndex].name + "
\n")
}
else {
var newStructure = structureString;
if (children[currentIndex].iconClosed == "") {var iconClosed = "img-folder-closed-" + structureStyle + ".gif"} else {var iconClosed = children[currentIndex].iconClosed}
if (children[currentIndex].iconOpen == "") {var iconOpen = "img-folder-open-" + structureStyle + ".gif"} else {var iconOpen = children[currentIndex].iconOpen}
if (currentIndex != children.length) {
if (children[currentIndex].open == 0) {
outputFrame.write("![Ordner öffnen](" + defaultImageURL + "img-plus-cont-" + structureStyle + ".gif)
")
outputFrame.write("![Ordner öffnen](" + defaultImageURL + iconClosed + ")
" + children[currentIndex].name + "
\n")
}
else {
outputFrame.write("![Ordner schließen](" + defaultImageURL + "img-minus-cont-" + structureStyle + ".gif)
");
outputFrame.write("![Ordner schließen](" + defaultImageURL + iconOpen + ")
" + children[currentIndex].name + "
\n");
newStructure = newStructure + "![](" + defaultImageURL + "img-vert-line-" + structureStyle + ".gif)
";
drawBranch(children[currentIndex].id,newStructure);
}
}
else {
if (children[currentIndex].open == 0) {
outputFrame.write("![Ordner öffnen](" + defaultImageURL + "img-plus-end-" + structureStyle + ".gif)
")
outputFrame.write(" " + children[currentIndex].name + "
\n")
}
else {
outputFrame.write("![Ordner schließen](" + defaultImageURL + "img-minus-end-" + structureStyle + ".gif)
");
outputFrame.write(" " + children[currentIndex].name + "
\n");
newStructure = newStructure + "![](" + defaultImageURL + "img-blank.gif)
";
drawBranch(children[currentIndex].id,newStructure);
}
}
}
currentIndex++;
}
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// toggleFolder() - GENERAL FUNCTION - opens/closes folder nodes.
function toggleFolder(id,status) {
var nodeIndex = indexOfNode(id);
treeData[nodeIndex].open = status;
timeOutId = setTimeout("drawTree()",100)}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// indexOfNode() - GENERAL FUNCTION - finds the index in the treeData Collection of the node
// with the given id.
function indexOfNode(id) {
var currentIndex = 1;
while (currentIndex <= treeData.length) {
if ((treeData[currentIndex].type == 'root') || (treeData[currentIndex].type == 'folder')) {
if (treeData[currentIndex].id == id) {return currentIndex}}
currentIndex++}
return -1}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// extractChildrenOf() - GENERAL FUNCTION - extracts and returns a Collection containing all
// of the node's immediate children nodes.
function extractChildrenOf(node) {
var children = new Collection();
var currentIndex = 1;
while (currentIndex <= treeData.length) {
if ((treeData[currentIndex].type == 'folder') || (treeData[currentIndex].type == 'link')) {
if (treeData[currentIndex].parent == node) {
children.add(treeData[currentIndex])}}
currentIndex++}
return children}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Collection() - OBJECT - a dynamic storage structure similar to an Array.
function Collection() {
this.length = 0;
this.add = add;
return this}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// add() - METHOD of Collection - adds an object to a Collection.
function add(object) {
this.length++;
this[this.length] = object}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// RootNode() - OBJECT - represents the top-most node of the hierarchial tree.
function RootNode(id,name,url,target,icon) {
this.id = id;
this.name = name;
this.url = url;
this.target = target;
this.icon = icon;
this.type = 'root';
return this}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// FolderNode() - OBJECT - represents a node which branches to contain other nodes.
function FolderNode(id,parent,name,iconClosed,iconOpen) {
this.id = id;
this.parent = parent;
this.name = name;
this.iconClosed = iconClosed;
this.iconOpen = iconOpen;
this.type = 'folder';
this.open = 0;
return this}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// LinkNode() - OBJECT - a node that represents a link using a URL.
function LinkNode(parent,name,url,target,icon) {
this.parent = parent;
this.name = name;
this.url = url;
this.target = target;
this.icon = icon;
this.type = 'link';
return this}