Denkfehler oder ist das wirklich so kompliziert?

designfanatiker · 03.01.2006, 22:56

Ich versuche gerade eine Navigation ein wenig benutzerfreundlicher zu gestalten. Die jeweils aktive Seite soll mit dem Element „strong“ hervorgehoben und natürlich nicht verlinkt sein. Wird allerdings eine Unterseite aufgerufen, muss der Bereich weiter hervorgehoben, aber dennoch verlinkt werden.

Startseite
http://www.domäne.de

Code:

<ul>
  <li id="startseite"><strong><span>1 </span>Startseite</strong></li>
  <li id="bereich1"><a href="/bereich1/"><span>2 </span>Bereich 1</a></li>
  <li id="bereich2"><a href="/bereich2/"><span>3 </span>Bereich 2</a></li>
  ...
</ul>

Startseite -> Bereich 1
http://www.domäne.de/bereich1/

Code:

<ul>
  <li id="startseite"><a href="/"><span>1 </span>Startseite</a></li>
  <li id="bereich1"><strong><span>2 </span>Bereich 1</strong>
    <ul>
      <li><a href="/bereich1/seite1/"><span>2.1 </span>Seite 1</a></li>
      <li><a href="/bereich1/seite2/"><span>2.2 </span>Seite 2</a></li>
      ...
    </ul>
  </li>
  <li id="bereich2"><a href="/bereich2/"><span>3 </span>Bereich 2</a></li>
  ...
</ul>

Startseite -> Bereich 1 -> Seite 1
http://www.domäne.de/bereich1/seite1/

Code:

<ul>
  <li id="startseite"><a href="/"><span>1 </span>Startseite</a></li>
  <li id="bereich1"><strong><a href="/bereich1/"><span>2 </span>Bereich 1</strong></a>
    <ul>
      <li><strong><span>2.1 </span>Seite 1</strong></li>
      <li><a href="/bereich1/seite2/"><span>2.2 </span>Seite 2</a></li>
      ...
    </ul>
  </li>
  <li id="bereich2"><a href="/bereich2/"><span>3 </span>Bereich 2</a></li>
  ...
</ul>

Seit zwei Tagen versuche ich nun die Navigation automatisch in Abhängigkeit von der Seitenadresse mittels PHP erzeugen zu lassen. Jeder Versuch endet aber in einer wüsten if-Verschachtelung. Lässt sich das möglicherweise auch ganz einfach lösen?

steffenk · 03.01.2006, 23:02

ja, geht einfacher.

Einfach die Parameter auslesen ($_SERVER['REQUEST_URI '])

und dann abfragen, ob die jeweilige Url identisch ist.
Um if kommst Du da nicht drumrum.

designfanatiker · 03.01.2006, 23:09

Also momentan ist selbst das Script für den ersten Bereich (noch ohne Unterseiten) ziemlich umfangreich. Lässt sich das denn nicht irgendwie vereinfachen?

Code:

<?
$adresse=explode('/',$_SERVER['PHP_SELF']);
$bereich = $adresse[1];
$seite = $adresse[2];
?>

Code:

<?
if ($bereich == 'bereich1') {
  if ($seite == 'index.php') {
    echo '  <li><strong><span>2 </span>Bereich</li>' . "\n";
  } else {
    echo '  <li><strong><a href="/bereich1/"><span>2 </span>Bereich 1</a></li>' . "\n";
  }
} else {
  echo '  <li><a href="/bereich1/"><span>2 </span>Bereich</a></li>' . "\n";
}
echo '</ul>' . "\n";
?>

steffenk · 03.01.2006, 23:14

machs Dir doch leichter und arbeite mit Klassen, so kannst Du das in einer Zeile erledigen

echo '<li '.($bereich=='bereich1' ? 'class="strong"' : "").'> ...

dann machst Du das strong mit css.

designfanatiker · 04.01.2006, 00:23

Jetzt funktioniert es. Die Markierung der aktiven Menüpunkte mittels „strong“ ist für Nutzer von Textbrowsern bzw. Screenreadern wichtig und kann deshalb nicht ins CSS ausgelagert werden.

[jacky] · 04.01.2006, 14:51

öhm, kann glaube ich trotzdem. Da gibt es doch extra so einen "Schalter" um ein CSS Befehl nur für ein bestimmtes Medium zuzulassen ... weiß nur gerade nicht, wie das nochmal geht ...

designfanatiker · 04.01.2006, 16:15

Mag sein, aber nicht jeder Browser unterstützt CSS.