Zum Inhalt springen

Navigation

HopelessFrag

Von HopelessFrag
in Webdesign

 Teilen

Empfohlene Beiträge

HopelessFrag

HopelessFrag

Geschrieben
Geschrieben

Hallo zusammen!

Ich möchte eine Textbasierte Navigation erstellen, die folgende Struktur hat:

» LINK1

» LINK2

» LINK3

» LINK4

» LINK5
wenn ich nun auf LINK1 klicke soll sich eine Art Untermenü öffnen: 
» LINK1

  » U_LINK1

  » U_LINK2

  » U_LINK3

» LINK2

» LINK3

» LINK4

» LINK5

Kann mir jemand Tips geben wie ich es realisieren kann? Danke im voraus!

tobias-digital

tobias-digital

Geschrieben
Geschrieben

Meinst Du so?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

  <head>

    <title>Menü</title>

		<style type="text/css" media="screen">

    ul ul {

      display: none;

    }

    </style>

    <script type="text/javascript">

    function openSub(id) {

      var theSub = document.getElementById('sub' + id);

      theSub.style.display = 'block';

    }

    </script>

  </head>

  <body>

    <ul>

      <li>

        <a href="#" onclick="openSub(1);">LINK1</a>

        <ul id="sub1">

          <li><a href="#">U_LINK1</a></li>

          <li><a href="#">U_LINK2</a></li>

          <li><a href="#">U_LINK3</a></li>

        </ul>

      </li>

      <li><a href="#">LINK2</a></li>

      <li><a href="#">LINK3</a></li>

      <li><a href="#">LINK4</a></li>

      <li><a href="#">LINK5</a></li>

    </ul>

  </body>

</html>

Gruß, Tobias

etreu

etreu

Geschrieben
Geschrieben 

function openSub(id) {

      var theSub = document.getElementById('sub' + id);

      if (theSub.style.display == 'block') theSub.style.display = 'none';

      else theSub.style.display = 'block';

 }

HopelessFrag

HopelessFrag

Geschrieben
  • Autor
Geschrieben

Wenn ich nun auf einen Link klicke und eine neue Seite geladen wird, werden ja die Untermenüs wieder "eingefahren". Wie funktioniert es das die Untermenüs auch auf der Neugeladenen Seite noch ausgefahren bleiben?

tobias-digital

tobias-digital

Geschrieben
Geschrieben

Ja, nun, wie wär's denn wenn Du Dir zur Abwechslung erstmal selber Gedanken machst und dann anhand von konkreten Codebeispielen Fragen stellst? Nur als Tipp: Man könnte die Navigation z. B. in einem PHP-Array abbilden und die Navigation dann immer passend zusammenbauen.

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...