Hallo,
Inmiddels ben ik zover dat ik in een menu de submenu's kan veranderen (menu met tabs) zonder de url te veranderen. Submenu1 is de default, als ik nu in submenu3 op een link klik laad hij submenu1 weer. Kan iemand me helpen om met gebruik van een cookie de laatste submenu vast te houden?
Ik ben al gewezen op de site http://www.quirksmode.org/js/cookies.html, maar ik heb geen idee hoe ik de functies moet toepassen.
Machiel
De volgende codes gebruik ik:
Code voor functions show en hide
Code voor veranderen submenu
Code voor de submenu´s
Inmiddels ben ik zover dat ik in een menu de submenu's kan veranderen (menu met tabs) zonder de url te veranderen. Submenu1 is de default, als ik nu in submenu3 op een link klik laad hij submenu1 weer. Kan iemand me helpen om met gebruik van een cookie de laatste submenu vast te houden?
Ik ben al gewezen op de site http://www.quirksmode.org/js/cookies.html, maar ik heb geen idee hoe ik de functies moet toepassen.
Machiel
De volgende codes gebruik ik:
Code voor functions show en hide
Code:
function show(obj) {
var el = document.getElementById(obj);
el.style.display = 'block';
}
function hide(obj) {
var el = document.getElementById(obj);
el.style.display = 'none';
}
Code:
<div class="menutab01"><a class="menu" href="" onCLick="show('showmenu_01'); hide('showmenu_02'); hide('showmenu_03'); return false;">Menu 1</a></div>
<div class="menutab02"><a class="menu" href="" onCLick="show('showmenu_02'); hide('showmenu_01'); hide('showmenu_03'); return false;">Menu 2</a></div>
<div class="menutab03"><a class="menu" href="" onCLick="show('showmenu_03'); hide('showmenu_01'); hide('showmenu_02'); return false;">Menu 3</a></div>
Code:
<div id="showmenu_01" style="display:block"><div id="menu-01" class="sub-menu">
<?php include('menu/menu-01.php') ?>
</div></div>
<div id="showmenu_02" style="display:none"><div id="menu-02" class="sub-menu">
<?php include('menu/menu-02.php') ?>
</div></div>
<div id="showmenu_03" style="display:none"><div id="menu-03" class="sub-menu">
<?php include('menu/menu-03.php') ?>
</div></div>