Menue will nicht funktionieren ...

[Ramona]

Hallo, habe mir dieses Script gespeichert und versucht das Menue so umzuschreiben dass es aus 4 Oberbegriffen besteht, die durch einen Botton (Roll-Over) vertreten sein sollen und mehrere Unterkategorien die sich auch nochmal teilen ... aber es wollte einfach nicht klappen! Hier nochmal das Ausgangsscript:

<SCRIPT LANGUAGE="JavaScript">
<!--
var caution = false
function setCookie(name, value, expires, path, domain, secure) {
 var curCookie = name + "=" + escape(value) +
  ((expires) ? "; expires=" + expires.toGMTString() : "") +
  ((path) ? "; path=" + path : "") +
  ((domain) ? "; domain=" + domain : "") +
  ((secure) ? "; secure" : "")
 if (!caution || (name + "=" + escape(value)).length <= 4000)
  document.cookie = curCookie
 else
  if (confirm("Cookie exceeds 4KB and will be cut!"))
   document.cookie = curCookie
}

// name - name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(name) {
 var prefix = name + "="
 var cookieStartIndex = document.cookie.indexOf(prefix)
 if (cookieStartIndex == -1)
  return null
 var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
 if (cookieEndIndex == -1)
  cookieEndIndex = document.cookie.length
 return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// name - name of the cookie
// [path] - path of the cookie (must be same as path used to create cookie)
// [domain] - domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(name, path, domain) {
 if (getCookie(name)) {
  document.cookie = name + "=" +
  ((path) ? "; path=" + path : "") +
  ((domain) ? "; domain=" + domain : "") +
  "; expires=Thu, 01-Jan-70 00:00:01 GMT"
 }
}

// date - any instance of the Date object
// * you should hand all instances of the Date object to this function for "repairs"
// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"
function fixDate(date) {
 var base = new Date(0)
 var skew = base.getTime()
 if (skew > 0)
  date.setTime(date.getTime() - skew)
}

// constructor function to create an entry (parent or child)
function item(parent, text, depth) {
 this.parent = parent // is this item a parent?
 this.text = text // text for link (may include HTML)
 this.depth = depth // nested depth
}

// constructor function to create array (compatible with all browsers)
function makeArray(length) {
 this.length = length // length of array (integer)
}

// create items of outline
function makeDatabase() {
 outline = new makeArray(9) // create global object

// create items in outline
 outline[0] = new item(true, 'button1', 0)
 outline[1] = new item(false, '<A HREF="http://"></A>', 1)
 outline[2] = new item(true, 'software', 1)
 outline[3] = new item(false, '<A HREF="http://"></A>', 2)
 outline[4] = new item(false, '<A HREF="http://"></A>', 2)
 outline[5] = new item(false, '<A HREF="http://"></A>', 1)
 outline[6] = new item(true, 'button2', 0)
 outline[7] = new item(false, '<A HREF="http://"></A>', 1)
 outline[8] = new item(false, '<A HREF="http://"></A>', 1)

// determine current state of each item and assign to state properties
 setStates()

// set image for each item (only items with true state)
 setImages()
}

function setStates() {
 // assign current cookie to local variable
 var storedValue = getCookie("outline")

// if desired cookie not found (null)
 if (!storedValue) {
  // set states to default if no cookie found
  for (var i = 0; i < outline.length; ++i) {
   // only topmost level is visible by default
   if (outline[i].depth == 0)
    outline[i].state = true
   else
    outline[i].state = false
  }
 } else {
  // extract current states from cookie (0 => false, 1 => true)
  for (var i = 0; i < outline.length; ++i) {
   if (storedValue.charAt(i) == '1')
    outline[i].state = true
   else
    outline[i].state = false
  }
 }
}

function setImages() {
 // loop through all elements of the outline "array" (object)
 for (var i = 0; i < outline.length; ++i) {
  if (outline[i].state)
   if (outline[i].parent) // outline[i] is a parent
    if (outline[i + 1].state) // outline[i] is exploded
     outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="exploded.gif" BORDER=0></A>'
    else // outline[i] is collapsed
     outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="collapsed.gif" BORDER=0></A>'
   else // outline[i] is only a child (not a parent)
    outline[i].pic = '<IMG SRC="child.gif" BORDER=0>'
 }
}

// change from expanded to collapsed and vice versa
function toggle(num) {
 // loop starts at item following argument
 // terminate loop when:
 //   a) last element of outline "array" reached
 //   b) current item (outline[i]) is not deeper than toggled item (outline[num])
 for (var i = num + 1; i < outline.length && outline[i].depth >= outline[num].depth + 1; ++i) {
  // if current item (outline[i]) is a direct child of outline[num]
  if (outline[i].depth == outline[num].depth + 1)
   outline[i].state = !outline[i].state // toggle state
 }

// store new states in cookie
 setStorage()

// reload page
 history.go(0)
}

function setStorage() {
 // initialize local variable to empty string
 var text = ""

// loop through all properties of outline "array"
 for (var i = 0; i < outline.length; ++i) {
  // use "1" character to represent true state, and "0" for false state
  text += (outline[i].state) ? "1" : "0"
 }

// create cookie named "outline" with "binary" string
 setCookie("outline", text)
}

// update database
makeDatabase()

// -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--

// use <PRE> to enable indentation via spaces
document.write('<PRE><H4>')

// loop through elements of outline "array"
for (var i = 0; i < outline.length; ++i) {
 // if current item's state is true
 if (outline[i].state) {
  // place three spaces for each nesting (depth * 3 spaces)
  for (var j = 0; j < outline[i].depth * 3; ++j) {
   document.write(' ')
  }

// follow indentation with picture, another space, text, and new line
  document.write(outline[i].pic, ' ', outline[i].text, '<BR>')
 } else {
  // current item's state is false (skip all its children)
  var previous = i
  for (var k = i + 1; k < outline.length && outline[k].depth >= outline[previous].depth; ++k) {
   ++i
  }
 }
}

// end <PRE> to return to normal formatting
document.write('</H4></PRE>')

// -->
</SCRIPT>

Kann mir einer sagen wie ich
1. mehr Unterkategorien scahffe?
2. die Buttons als Roll-Over einfüge?
3. die Unterkategorien nochmal teile?

Habe hin und her probiert, am Ende hat dann garnichts mehr geklappt ...