Hulp bij LI

pricehost · 30 Juli 2018

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>

Toon Meer

Thisguyisgone · 31 Juli 2018

Plaats die php code gewoob op je li..

FangorN · 31 Juli 2018

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>

Toon Meer

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.

Kunnen jullie mij helpen met deze enquete

PHP Point of Sale

een eigen cloud sever

Probleem C++ en CL

Unraid

Smarty Update

DNS update Directadmin

Graag advies voor mijn website

Evesi Marktplaats Script

265 Nieuwe domeinnamen Oktober 2024

Email invite script

Hulp bij LI

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

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

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

Delen

Gebruikers die dit topic bekijken