Hoi!
Ik heb een JQuery plugin gedownload die er voor zorgt dat ik tabbladen kan plaatsen in mijn webapplicatie, maar tot op de dag van vandaag is het niet nodig geweest, noch gelukt automatisch (dus bij het laden van de pagina) het tabblad te selecteren zonder dat de gebruiker er op moet klikken.
Dat is nodig, omdat er een formulier op het tweede tabblad en op het eerste tabblad staat, en als ik het formulier op het tweede tabblad invul, wil ik immers weer terug belanden op het tweede tabblad.
Dit is de code van mijn plugin:
PHP
$(function ()
{
var tabContainers = $('div.tabs > div');
$('ul.tabNavigation a').click(function ()
{
tabContainers.hide().filter(this.hash).show();
$('ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});Dit is de code van mijn view:
PHP
<div class="center_title">
<h1>Profiel beheren</h1>
</div>
<div class="center_desc">
Hier kun je je profiel naar eigen smaak aanpassen. Ook kun je hier je profielplaatje uploaden!
<ul class="tabNavigation">
<li><a href="#preferences">Voorkeuren</a></li>
<li><a href="#text">Profieltekst</a></li>
<li><a href="#password">Wachtwoord</a></li>
<li><a href="#avatar">Avatar</a></li>
</ul>
</div>
<div class="center_content">
<div class="tabs">
<div id="preferences">
<?php print $this->preferences; ?>
</div>
<div id="text">
<?php print $this->profiletext; ?>
</div>
<div id="password">
<?php print $this->password; ?>
</div>
<div id="avatar">
Avatar
</div>
</div>
</div>
<img src="images/layout002/center_bottom.png" alt="" style="float: left;" />Bedankt voor je tijd!