Delphi-PRAXiS - HTML-Menu zum Einfahren

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - HTML-Menu zum Einfahren (https://www.delphipraxis.net/91825-html-menu-zum-einfahren.html)

HTML-Menu zum Einfahren

Hallo,

ich bin gerade mal wieder dabei eine kleine HP zu bauen. Ich würde gerne eine Seitenleiste wie in Macromedia Dreamweaver erstellen. Man kann bei Klick auf den Pfeil das Menü ein- und wieder ausfahren. (Siehe Screenshot). Das Menü sollte auch auf der rechten Seite sein.

Allerdings weiß ich nicht, wie ich das anfangen muss.

Danke im Voraus

Re: HTML-Menu zum Einfahren

hi, hab mal fix versucht das zu realisieren...muss natürlich noch erweitert werden ;)

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

  "http://www.w3.org/TR/html4/loose.dtd">

<HTML>

  <HEAD>

    <TITLE></TITLE>

  </HEAD>

  <SCRIPT type="text/javascript">

    function showhide(div,link)

    {

      if ((link.innerHTML)=='&lt;')

      {

        link.innerHTML='&gt;';

        div.style.display='';

      }else

      {

        link.innerHTML='&lt;';

        div.style.display='none';

      }

    }

  </SCRIPT>

  <BODY>

    <table width="100%" height="100%">

      <tr>

        <td width="50%"></td>

        <td width="50%" align="right">

          <table>

            <tr><td>

              <div id="right_div" style="border:1px solid grey;display:none;height:300px;width:400px;background-color:white;">zu versteckender Text</div>

            </td><td style="height:300px;background-color:grey;color:white;vertical-align:middle;">

              <a style="cursor:pointer" onClick="showhide(document.getElementById('right_div'),this);">&lt;</a>

            </td></tr>

          </table>

        </td>

      </tr>

    </table>

  </BODY>

</HTML>

HTH Frank