Hulp bij LI

pricehost

Beste,

Ik heb een scriptje gevonden op het internet om de class van je pagina (active) bij elke actieve pagina te laten hoveren.
Echter werkt dit scriptje nu op de A class maar ik wil dat hij op de li class gaat werken.
Hoe kan ik hier nu voor zorgen zie het scriptje hier beneden:

PHP

<?php
function active($currect_page){
  $url_array =  explode('/', $_SERVER['REQUEST_URI']) ;
  $url = end($url_array);  
  if($currect_page == $url){
      echo 'active'; //class name in css 
  } 
}
?>




<div id='cssmenu'>


<ul>
    <li><a class="<?php active('shared-hosting.php');?>" href="shared-hosting.php">SHARED HOSTING</a></li>
    <li><a class="<?php active('reseller-hosting.php');?>" href="reseller-hosting.php">RESELLER HOSTING</a></li>
    <li><a class="<?php active('wordpress-hosting.php');?>" href="wordpress-hosting.php">WORDPRESS HOSTING</a></li>
</ul>


</div>

Meer tonen

Thisguyisgone

Plaats die php code gewoob op je li..

FangorN

Is dit niet meer een CSS aangelegenheid?

Als je wilt dat er iets gebeurt met de li op het moment dat je over de a hovered, zou dat dan niet een stijlregel zijn in de vorm van:
#cssmenu li a:hover { /* hier de CSS */ }

Proof of concept:

PHP

<?php
/*
https://www.ictscripters.com/Thread/24570-Hulp-bij-LI
*/
?>
<!DOCTYPE html>
<html>
<head>
<title>CSS test</title>
<style type="text/css">
*                       { color: #000000; font-family: sans-serif; font-size: 10pt; }
#menu                   { height: 25px; line-height: 25px; }
#menu ul                { list-style-type: none; margin: 0; padding: 0; }
#menu ul li             { display: inline-block; float: left; background-color: #ffcccc; }
#menu ul li a           { display: block; text-decoration: none; text-align: center; padding: 0 15px; min-width: 75px; }
#menu ul li a:hover     { background-color: #ffaaaa; }
</style>
</head>


<body>
<div id="menu">
<ul>
    <li><a href="#">een</a></li>
    <li><a href="#">twee</a></li>
    <li><a href="#">een hele lange titel asdf asdf</a></li>
</ul>
</div>
</body>
</html>

Meer tonen

Ook zou je kunnen gaan nadenken om een soort van siteboom te maken van alle pagina's, je pagina's SEO-vriendelijke(re) namen geven. Vervolgens heb je dan waarschijnlijk ook een lijst van (zichtbare) pagina's en de actieve pagina zodat je de bovenstaande lijst kunt genereren met een simpele foreach-lus.

Een check voor het toevoegen van een class voor de actieve pagina doe je dan terloops.

EDIT: en ja, het zou dus logischer zijn om de actieve li te stylen.

ICTscripters

Dé plek voor IT

Dé plek voor IT

Externe testers gezocht — Saphaxis AI Chat Organizer 0.1.59

nieuwe game

Criminolz

[Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

[Aanbod] Stadskaart voor je browsergame: van menu naar klikbare stad, vanaf €200

[Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

Hulp bij LI

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken