Voor een opdracht ben ik bezig met een PHP website. Het is alleen al even geleden dat ik hiermee gewerkt heb en het is een beetje weggezakt. Ik heb inmiddels een menu waarbij het hoofditem uit de navigatie blauw kleurt wanneer deze actief is. Ik wil echter ook dat het hoofditem blauw kleurt wanneer er een sub-item onder het hoofditem actief is.
Kortom:
Als het hoofd-item "companyprofile.php" actief is, is deze knop blauw. Wanneer sub-item "PersoonX.php" onder het hoofd-item "companyprofile.php" actief is, blijft het hoofd-item oranje. Hoe kan ik ervoor zorgen dat het hoofd-item nu ook blauw wordt.
Mijn menu.php ziet er op dit moment zo uit:
<div id="menu">
<div id="menubuttons">
<ul>
<li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'index.php'){echo 'firstcurrent'; }else { echo 'first'; } ?>"><a href="index.php">Introduction</a></li>
<li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'companyprofile.php'){echo 'current'; }else { echo 'middle'; } ?>"><a href="companyprofile.php">Company Profile</a>
<ul>
<li class="dropdown"><a href="PersonX.php">Person X</a></li>
<li class="dropdown"><a href="PersonY.php">Person Y</a></li>
</ul>
</li>
<li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'partners.php'){echo 'current'; }else { echo 'middle'; } ?>"><a href="partners.php">Partners</a>
<ul>
<li class="dropdown"><a href="PartnerX.php">PartnerX.php</a></li>
</ul>
</li>
<li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'services.php'){echo 'current'; }else { echo 'middle'; } ?>"><a href="services.php ">Services</a>
<ul>
<li class="dropdown"><a href="service1.php">Service 1</a></li>
<li class="dropdown"><a href="service1.php">Service 2</a></li>
<li class="dropdown"><a href="service1.php">Service 3</a></li>
<li class="dropdown"><a href="service1.php">Service 4</a></li>
<li class="dropdown"><a href="service1.php">Service 5</a></li>
<li class="dropdown"><a href="service1.php">Service 6</a></li>
</ul>
</li>
<li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'contact.php'){echo 'lastcurrent'; }else { echo 'last'; } ?>"><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
Ben erg benieuwd naar jullie oplossingen!
Groetjes,
Pascale
