Javascript tab generator
Door Jos , 21 jaar geleden, 4.788x bekeken
Beschrijving:
Dit script maakt automagisch een "tab menu" aan voor alle div elementen
met als klassenaam tab.
Instructies:
Maak je pagina zoals je dat gewoonlijk ook doet, maar
bedenk van te voren welke gedeeltes tabs moeten worden.
Plaats deze tab gedeeltes onder elkaar:
Code (php)
1
2
3
2
3
<div class="tab">Tab inhoud voor tab 1</div>
<div class="tab">Tab inhoud voor tab 2</div>
etc..
<div class="tab">Tab inhoud voor tab 2</div>
etc..
Daarna gaan we bepalen waar het menu voor de tabs komt te staan.
Het menu wordt automagisch gevuld met de knoppen voor de tabs, dus
je hoeft alleen maar dit element te plaatsen op de plek waar je de tabs
wilt hebben staan.
Nu is het HTML gedeelte klaar en moeten we alleen nog
de tekst voor de tabs instellen, maar dit is optioneel.
Verander deze lijn naar je gewenste namen, of je kan de array leeg laten,
dan zet hij de standaard tekst "Tab N" er in.
Op en aanmerkingen welkom !
Voorbeeld: http://josbouma.awardspace.com/tabs/
Gesponsorde koppelingen
PHP script bestanden
Er zijn 10 reacties op 'Javascript tab generator'
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu