[Outline]

 Item 1
 Item 2

Einfach zu realisierendes, effektvolles TreeMenu

[Code]

[zwischen <BODY> und </BODY>]
<DIV ID="Out0">
  <IMG SRC="folder.gif" ID="Out1" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="16">&nbsp;Item 1<BR>
  <DIV ID="Out1d" STYLE="display:None">
    &nbsp;&nbsp;<IMG SRC="folder.gif" ID="Out2" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="16">&nbsp;Item 1.1<BR>
    <DIV ID="Out2d" STYLE="display:None">
       &nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><IMG SRC="urlgo.gif" WIDTH="10" HEIGHT="10">&nbsp;Item 1.1.1</a><BR>
       &nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><IMG SRC="urlgo.gif" WIDTH="10" HEIGHT="10">&nbsp;Item 1.1.2</a><BR>
    </DIV>
    &nbsp;&nbsp;<a href="#"><IMG SRC="urlgo.gif" WIDTH="10" HEIGHT="10">&nbsp;Item 1.2</a><BR>
  </DIV>
  <a href="#"><IMG SRC="urlgo.gif" WIDTH="10" HEIGHT="10">&nbsp;Item 2</a><BR>
</DIV>

<SCRIPT LANGUAGE="JavaScript">
function clickHandler() {
  var targetId, srcElement, targetElement;
  srcElement = window.event.srcElement;
  if (srcElement.className == "Outline") {
     targetId = srcElement.id + "d";
     targetElement = document.all(targetId);
     if (targetElement.style.display == "none") {
        targetElement.style.display = "";
        srcElement.src = "akte.gif";
     } else {
        targetElement.style.display = "none";
        srcElement.src = "folder.gif";
     }
  }
}

document.onclick = clickHandler;

</SCRIPT>

[Autor]

Microsoft

[Download]

kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 393