PGP voor het verbergen van een active link.

Als iemand op een link klikt in je website, dan wordt deze link active, en je kan met CSS bepalen hoe het uitzicht ervan wordt weergegeven maar het blijft een link.
Je kan de link weergeven als dik, rood of zwart, onderstreept etc…om je bezoeker duidelijk te maken dat hij in de afdeling zit van de link die hij zojuist geklikt heeft, maar het blijft een link.

Wat nu als je een link wilt onklikbaar maken, zodat het opnieuw op de link klikken onmogelijk wordt, wat het heeft natuurlijk geen zin dat de link er is, want men is er reeds, dus daarom is er een php oplossing.

Laten we dus een gewone lijst nemen als navigatie

<ul id="navigatie">
<li><a href="#">Blogrol</a></li>
<li><a href="#">Linkdump</a></li>
<li><a href="#">2 Cents</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Gigastyle</a></li>
</ul>

We gaan nu php de links <a> laten veranderen in <span>, daarmee kun je via CSS doen wat je wil om het uitzicht te bepalen.

De pagina aanpassen

Het nadeel is nu wel dat je (hopelijk heb je geen 1000 paginas) al je webdocumenten waarnaar een link in de navigatie staat manueel moet aanpassen en bovenaan elke pagina een trefwoord moet bepalen op deze manier:

<?php $pageName = "Blogrol"; ?>
... de rest van je Html hier...

Of

<?php $pageName = "Linkdump"; ?>
... de rest van je Html hier...

Of

<?php $pageName = "2 Cents"; ?>
... de rest van je Html hier...

Als je maar begrijpt wat ik bedoel.

Om het nu toch een beetje terug gemakkelijker te maken, knip je de navigatie uit je HTML, plakt dit in een nieuw bestand en geeft dit de naam navigatie.php en plaats je op de plaats waar de navigatie stond dit:

<?php include 'navigatie.php'; ?>

Het magische Php script

Pas nu je navigatie lijst aan:

<ul id="mainNav">
<li><?php if ($pageName == 'Blogrol')
{ echo '<span>Blogrol</span>'; } else
{ echo '<a href="#"</a>'; } ?></li>
<li><?php if ($pageName == 'Linkdump')
{ echo '<span>Linkdump</span>'; } else
{ echo '<a href="#">about</a>'; } ?></li>
<li><?php if ($pageName == '2 Cents')
{ echo '<span>2 Cents</span>'; } else
{ echo '<a href="#">products</a>'; } ?></li>
<li><?php if ($pageName == 'Linkage')
{ echo '<span>Linkage</span>'; } else
{ echo '<a href="#">services</a>'; } ?></li>
<li><?php if ($pageName == 'Gigastyle')
{ echo '<span>Gigastyle</span>'; } else
{ echo '<a href="#">contact</a>'; } ?></li>
</ul>

Nu nog een beetje CSS toepassen en klaar is ….