Virusscanner tips?
li active
Hoe kan ik ervoor zorgen zonder dat als ik met li een menu maak, en ik op dat moment op ik op een pagina ben waaraan een bepaalde li gekoppeld is hij de li active stijl aanneemt uit CSS.
Toevoeging op 23/02/2015 19:22:25:
Met een active class en dan in html de bepaalde li li class="active" te geven heb ik al genoeg ervaring
De vraag is dus: maakt je website gebruik van PHP (of iets soortgelijks) en kun je op een of andere manier je pagina's ondescheiden?
Anders zul je iets in JavaScript moeten prutten ofzo...
Ze zijn de onderscheiden met een ID
Je doorloopt de lijst van pagina's die je wilt afdrukken, en je controleert of de pagina die je afdrukt de huidige is, en zoja, voeg je een class toe, zoiets dus:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
// aanpassen aan hoe jij bepaalt welke pagina's je wilt laten zien
$allePaginas = array(
1 => 'Titel 1',
2 => 'Titel 2',
3 => 'Titel 3',
4 => 'Titel 4',
);
?><ul><?php
foreach ($allePaginas as $paginaNummer => $paginaTitel) {
// $huidigePaginaNummer bevat het id van de huidige pagina
$actievePagina = ($huidigePaginaNummer == $paginaNummer);
$class = ($actievePagina ? ' class="active"' : '');
?><li<?php echo $class ?>><?php echo $paginaTitel ?></li><?php
}
?></ul>
// aanpassen aan hoe jij bepaalt welke pagina's je wilt laten zien
$allePaginas = array(
1 => 'Titel 1',
2 => 'Titel 2',
3 => 'Titel 3',
4 => 'Titel 4',
);
?><ul><?php
foreach ($allePaginas as $paginaNummer => $paginaTitel) {
// $huidigePaginaNummer bevat het id van de huidige pagina
$actievePagina = ($huidigePaginaNummer == $paginaNummer);
$class = ($actievePagina ? ' class="active"' : '');
?><li<?php echo $class ?>><?php echo $paginaTitel ?></li><?php
}
?></ul>
EDIT: en dan hier nog linkjes inbakken natuurlijk.
Gewijzigd op 23/02/2015 20:09:43 door Thomas van den Heuvel