Menu.

Gestart doorEwan14 reacties71 weergaven

15 berichten · pagina 1 van 1

Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hey,

Ik heb een menu op mijn site en nu wil ik dat als je er op klikt er een vak onder komt te staan met meerdere opties, ook wil ik dat het groter en kleiner wordt met meerdere inhoud. En dat als je je muis er op houd je ziet welke submenus er onder het kopje zit.

Link: Webbzo.nl/home.html
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nee, Ik bedoel dat als je op een menu kopje drukt er een vak onder komt dat er nu staat als je erover heen gaat.
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bedoel je zoiets maar dan in menu vorm?
http://www.one2xs.com/faq
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja zoiets maar dan in html plaatsvan php
0
Berichten
5.957
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dat is niet in php emo
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
dat is javascript smile
Dit tussen de head tags plaatsen:
Spoiler tonen
<script type="text/javascript">

var onthouden="aan"         // actuele status bijhouden met sessie-cookie (aan/uit)
var vorige_verbergen="ja"   // bij nieuw item vorige geopende item dichtvouwen(ja/nee)

if (document.getElementById){
document.write(<style type="text/css">)
document.write(.wisselen{display:none;})
document.write(</style>)}

function getElementbyClass(classname){
ophalen=new Array()
var teller=0
var alleTags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alleTags.length; i++){
if (alleTags[i].className==classname)
ophalen[teller++]=alleTags[i]}}

function dichtvouwen(omit){
var teller=0
while (ophalen[teller]){
if (ophalen[teller].id!=omit)
ophalen[teller].style.display="none"
teller++}}

function uitvouwen(cid){
if (typeof ophalen!="undefined"){
if (vorige_verbergen=="ja")
dichtvouwen(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"}}

function vernieuwen(){
dichtvouwen("alles")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))}}
return returnvalue;}

function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem}
else return ""}

function status_opslaan(){
var teller=0, selectedItem=""
while (ophalen[teller]){
if (ophalen[teller].style.display=="block")
selectedItem+=ophalen[teller].id+"|"
teller++}
document.cookie=window.location.pathname+"="+selectedItem}

function do_onload(){
getElementbyClass("wisselen")
if (onthouden=="aan" && typeof ophalen!="undefined")
vernieuwen()}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

if (onthouden=="aan" && document.getElementById)
window.onunload=status_opslaan

</script>
En dit plaats je ergens tussen de body tags waar je je menu wil hebben.
Spoiler tonen
<p onClick="uitvouwen(sc1)" style="cursor:hand;"><b>Woord waarop geklikt moet worden</b></p>
<div id="sc1" class="wisselen">
<a href="#">link</a><br />
<a href="#">link</a><br />
enz
</div>
als je meerdere wil hebben kopieer je de code en verander (sc1) in (sc2) enz enz
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bedankt het werkt nu!

EDIT: Maar hoe doe ik nu dat het plaatje van het menu (webbzo.nl/images/button.png) het ding is waar je op moet klikken en (webbzo.nl/images/button_hover1.png) het plaatje is dat er komt. Dus eigenlijk komt dan dat vakje er onder.
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bump.
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
pfff, ik denk dat je het dan beter anders kan doen. bv met css want ik weet niet of dit gaat met die afbeeldingen in deze code, zou ik ff moeten gaan puzzelen (maar heb ik nu geen tijd voor).
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nee, Ik bedoel dat als je op het plaatje klikt er een vakje onderkont dat in een andere afbeelding staat.
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bumpje
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bumpje
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bumpje
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren