AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Thema durchsuchen
Ansicht
Themen-Optionen

HTML-Menu zum Einfahren

Ein Thema von TheMiller · begonnen am 10. Mai 2007 · letzter Beitrag vom 11. Mai 2007
Antwort Antwort
Benutzerbild von TheMiller
TheMiller

Registriert seit: 19. Mai 2003
Ort: Gründau
2.480 Beiträge
 
Delphi XE7 Architect
 
#1

HTML-Menu zum Einfahren

  Alt 10. Mai 2007, 15:20
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
Miniaturansicht angehängter Grafiken
menu_923.gif  
  Mit Zitat antworten Zitat
Benutzerbild von _frank_
_frank_

Registriert seit: 21. Feb 2003
Ort: Plauen / Bamberg
922 Beiträge
 
Delphi 3 Professional
 
#2

Re: HTML-Menu zum Einfahren

  Alt 11. Mai 2007, 04:03
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
  Mit Zitat antworten Zitat
Antwort Antwort


Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 01:20 Uhr.
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz