Søg
Avatar billede blackscorpion Nybegynder
04. marts 2006 - 00:51 Der er 41 kommentarer og
1 løsning

Collapsing Menu.

Hej Eksperter.

Er på udkig efter en collapsing menu.

altså:

+ Services
- link
- link
- link
- link
- link

+ Something
+ Something else

osv osv osv.

nogle der har nogle gode bud ?

den skal virke i de fleste browsere.

- BlackScorpion.
Avatar billede mclemens Nybegynder
04. marts 2006 - 11:29 #1
Tror ikke det kan gøres med css alene tror du skal have javascript med...
- hvis der ikke kommer bedre bud så er der en her med javascript.

<html>
<head>
<script language="javascript">
function vl(atab) {
if(atab==0){atab=100;mcx=1;}else{mcx=atab;atab=atab+1;}

for(mc=mcx;mc<atab;mc++){
if(!document.getElementById("menu"+mc))mc=atab;else{
for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;else{
if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementBy
Id("menu"+mc+"_"+runit).style.display)){
document.getElementById("menu"+mc+"_"+runit).style.display="none";}else{
document.getElementById("menu"+mc+"_"+runit).style.display="block";}}
}}}}
</script>
</head>
<body onLoad="vl(0)">
<div id="menu1" onclick="vl(1)"><b>Forside</b></div>
<div id="menu1_1" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2)"><b>Forside</b></div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu2_2"><a href="etellerandet">etellerandet-nr2,2</a></div>
<div id="menu3" onclick="vl(3)"><b>Forside</b></div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,1</a></div>
<div id="menu3_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
</body>
</html>
Avatar billede blackscorpion Nybegynder
04. marts 2006 - 22:11 #2
okey... nu har jeg kopieret din kode direkte, og den virker ikke... testet i IE 6.0 og FF 1.0.7

:(
Avatar billede mclemens Nybegynder
04. marts 2006 - 22:27 #3
Hmm, ved ikke hvad der gik galt...
prøver igen...

<html>
<head>
<script language="javascript">
function vl(atab) {
if(atab==0){atab=100;mcx=1;}else{mcx=atab;atab=atab+1;}

for(mc=mcx;mc<atab;mc++){
if(!document.getElementById("menu"+mc))mc=atab;else{
for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;else{
if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementById("menu"+mc+"_"+runit).style.display)){
document.getElementById("menu"+mc+"_"+runit).style.display="none";}else{
document.getElementById("menu"+mc+"_"+runit).style.display="block";}}
}}}}
</script>
</head>
<body onLoad="vl(0)">
<div id="menu1" onclick="vl(1)"><b>Forside</b></div>
<div id="menu1_1" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2)"><b>Forside</b></div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu2_2"><a href="etellerandet">etellerandet-nr2,2</a></div>
<div id="menu3" onclick="vl(3)"><b>Forside</b></div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,1</a></div>
<div id="menu3_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
</body>
</html>
Avatar billede blackscorpion Nybegynder
04. marts 2006 - 22:30 #4
Yes så er vi kørende. :D

Så har jeg dog et par ønsker til udseenet. ;)

Foran hver forside skal der være et + som ændrer sig til - når man klikker på det.

Når man hopper fra punkt til punkt, skal den forgående folde sig sammen igen, hvis du forstår hvad jeg mener ?
Avatar billede blackscorpion Nybegynder
04. marts 2006 - 23:04 #5
og så kunne det også være super fedt hvis den kan få et tak længere ned.

altså:

+ Main Menu Link
- Menu Link.
+ Sub Menu
  - Menu Link.

hvis du forstår hvad jeg mener. ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:02 #6
... kigger på det ... (newbie i javascript... så hvis der er en anden der kommer forbi der kan løse det så kast en kommentar på løsningen...)
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:15 #7
udvidelse af script... ikke færdig endnu...

<script language="javascript">
function vl(atab) {
atabs=100;mcx=1;for(mc=mcx;mc<atabs;mc++){if(mc==atab)mc++;
if(!document.getElementById("menu"+mc))mc=atabs;
else{for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
else{document.getElementById("menu"+mc+"_"+runit).style.display="none";}}}}


if(atab!=0){
mcx=atab;atab=atab+1;

for(mc=mcx;mc<atab;mc++){
if(!document.getElementById("menu"+mc))mc=atab;else{
for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;else{
if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementBy

Id("menu"+mc+"_"+runit).style.display)){
document.getElementById("menu"+mc+"_"+runit).style.display="none";}else{
document.getElementById("menu"+mc+"_"+runit).style.display="block";}}}}}}

}

</script>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:16 #8
okey tester :D
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:23 #9
lige pt virker det ikke... så satte det lidt anderledes op (formaterings messigt, for da jeg kopieret det, virkede det ikke)

<script language="javascript">
function vl(atab) {
atabs=100;
mcx=1;

for(mc=mcx; mc<atabs; mc++) {
  if(mc==atab)
  mc++;
  if(!document.getElementById("menu"+mc))
  mc=atabs;
  else {
  for(runit=1; runit<100; runit++) {
    if(!document.getElementById("menu"+mc+"_"+runit))
    runit=100;
    else {
    document.getElementById("menu"+mc+"_"+runit).style.display="none";
    }
  }
  }
}

if(atab!=0) {
  mcx=atab;
  atab=atab+1;

  for(mc=mcx; mc<atab; mc++) {
  if(!document.getElementById("menu"+mc))
    mc=atab;
  else{
    for(runit=1; runit<100; runit++) {
    if(!document.getElementById("menu"+mc+"_"+runit))
      runit=100;
    else {
      if((document.getElementById("menu"+mc+"_"+runit).style.display=="block") || (!document.getElementById("menu"+mc+"_"+runit).style.display)) {
      document.getElementById("menu"+mc+"_"+runit).style.display="none";
      }
      else {
      document.getElementById("menu"+mc+"_"+runit).style.display="block";
      }
    }
    }
  }
  }
}
}

</script>

fylder lidt mere, men langt mere overskueligt. ;)
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:23 #10
nå ja, og da jeg rykkede det rundt og satte det sammen, som det nok er ment, så virker det. *G* ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:38 #11
Det bliver vist et langt script :/
brug class til bold defineringer ...
(går nok først videre imorgen...aften...)

<html>
<head>
<script language="javascript">
function vl(atab) {
atabs=100;mcx=1;for(mc=mcx;mc<atabs;mc++){if(mc==atab)mc++;
if(!document.getElementById("menu"+mc))mc=atabs;
else{

if(document.getElementById("menu"+mc+"_"+mc).style.display=="block"){
menunu=document.getElementById("menu"+mc).innerHTML;
document.getElementById("menu"+mc).innerHTML="+"+menunu.substring((menunu.indexOf("-")+1),menunu.lenght);}

for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
else{document.getElementById("menu"+mc+"_"+runit).style.display="none";}}}}

if(atab!=0){
mcx=atab;atab=atab+1;

for(mc=mcx;mc<atab;mc++){
if(!document.getElementById("menu"+mc))mc=atab;else{

if(document.getElementById("menu"+mc+"_"+mc).style.display=="block"){
menunu=document.getElementById("menu"+mc).innerHTML;document.getElementById("menu"+mc).innerHTML="+"+menunu.substring((menunu.indexOf("-")+1),menunu.lenght);}else{
menunu=document.getElementById("menu"+mc).innerHTML;document.getElementById("menu"+mc).innerHTML="-"+menunu.substring((menunu.indexOf("+")+1),menunu.lenght);}

for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;else{
if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementById("menu"+mc+"_"+runit).style.display)){
document.getElementById("menu"+mc+"_"+runit).style.display="none";}else{
document.getElementById("menu"+mc+"_"+runit).style.display="block";}}}}}}

}

</script>
</head>

<body onLoad="vl(0)">
<div id="menu1" onclick="vl(1)">+ Mine ting</div>
<div id="menu1_1" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2)">+ Dine ting</div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu2_2"><a href="etellerandet">etellerandet-nr2,2</a></div>
<div id="menu3" onclick="vl(3)">+ Vores ting</div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,1</a></div>
<div id="menu3_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
</body>
</html>
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:38 #12
... (vi mangler jo undermenuerne) ...
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:43 #13
jamen det ser fint nok ud indtil videre, bare lidt surt at man ikke kan tilføje et 4 menu punkt. ;)

Og vil det være alt for besværligt at ændre + - til billeder i stedet, så jeg kan bruge custom billeder ??
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:50 #14
jamen det ser fint nok ud indtil videre, bare lidt surt at man ikke kan tilføje et 4 menu punkt. ;)
Prøv at skifte din body...

(Og vil det være alt for besværligt at ændre + - til billeder i stedet, så jeg kan bruge custom billeder ?? ... kigger på det imorgen - som sagt newbie)


<body onLoad="vl(0)">
<div id="menu1" onclick="vl(1)">+ Mine ting</div>
<div id="menu1_1" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2)">+ Dine ting</div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu2_2"><a href="etellerandet">etellerandet-nr2,2</a></div>
<div id="menu3" onclick="vl(3)">+ Vores ting</div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu4" onclick="vl(4)">+ Flere ting</div>
<div id="menu4_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu4_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu4_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu4_4"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu4_5"><a href="etellerandet">etellerandet-nr3,3</a></div>
</body>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:53 #15
okey sort... jeg kopierede menu3 .. og ændrede alt til 4.. og den virkede ikke.. men din virker. Flippet. :D

Men tak for hjælpen so far. :D

Sov godt osv, og så vil jeg se frem til i morgen. ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:53 #16
Og vil det være alt for besværligt at ændre + - til billeder i stedet, så jeg kan bruge custom billeder ??

... mener du en img knap istedet for en tekst?
Avatar billede mclemens Nybegynder
05. marts 2006 - 00:54 #17
<div id="menu4" onclick="vl(4)">+ Flere ting</div> <- husk at øge vl værdien også ;)
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:55 #18
ja så jeg selv kan lave + - billeder, med rigtig afstand til siden osv. (bare lidt for at være lidt besværlig)

Altså så den bare skifter mellem 2 billeder, men ect. kan sætte i en variable i starten af scriptet, så det er lidt nemmere. ;)
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 00:56 #19
den jeg havde lavet der ikke virkede:

<div id="menu4" onclick="vl(4)">+ Deres ting</div>
<div id="menu4_1"><a href="etellerandet">etellerandet-nr4,1</a></div>
<div id="menu4_2"><a href="etellerandet">etellerandet-nr4,2</a></div>
<div id="menu4_3"><a href="etellerandet">etellerandet-nr4,3</a></div>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 01:00 #20
og kan desuden lige meddele at på nuværende tidspunkt ikke virker i FF. :(

men kan vi kigge på i morgen. ;)
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 01:02 #21
hmmm kan også se at hvis menu 1 indeholder f.eks. 3 punker og menu 2 indeholder f.eks. 1 punkt og menu 3 indeholder 6 punkter, så fejler den også. :(

men som sagt, kigger vi på i morgen. ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 02:37 #22
Hæng mig ikke "helt" op på imorgen ...
her er lige et nyere script igen,igen...

<script language="javascript">
function vl(atab) {
atabs=100;mcx=1;for(mc=mcx;mc<atabs;mc++){if(mc==atab)mc++;
if(!document.getElementById("menu"+mc))mc=atabs;
else{


if(document.getElementById("menu"+mc+"_1").style.display=="block"){
menunu=document.getElementById("menu"+mc).innerHTML;
document.getElementById("menu"+mc).innerHTML="+"+menunu.substring((menunu.indexOf("-")+1));}

for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
else{document.getElementById("menu"+mc+"_"+runit).style.display="none";}}}}

if(atab!=0){
mcx=atab;atab=atab+1;

for(mc=mcx;mc<atab;mc++){
if(!document.getElementById("menu"+mc))mc=atab;else{


if(document.getElementById("menu"+mc+"_1").style.display=="block"){
menunu=document.getElementById("menu"+mc).innerHTML;document.getElementById("menu"+mc).innerHTML=

"+"+menunu.substring((menunu.indexOf("-")+1));}else{
menunu=document.getElementById("menu"+mc).innerHTML;document.getElementById("menu"+mc).innerHTML=

"-"+menunu.substring((menunu.indexOf("+")+1));}

for(runit=1;runit<100;runit++){
if(!document.getElementById("menu"+mc+"_"+runit))runit=100;else{
if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementBy

Id("menu"+mc+"_"+runit).style.display)){
document.getElementById("menu"+mc+"_"+runit).style.display="none";}else{
document.getElementById("menu"+mc+"_"+runit).style.display="block";}}}}}}

}

</script>
Avatar billede mclemens Nybegynder
05. marts 2006 - 02:39 #23
Hov, ryk lige linierne sammen ("3" afsnit fra bunden af)
Avatar billede mclemens Nybegynder
05. marts 2006 - 10:50 #24
mere...

<html>
<head>
<script language="javascript">
function vl(atab){

mrep1="p.gif";
mrep2="m.gif";

atabs=100;mcx=1;
for(mc=mcx;mc<atabs;mc++){
if(mc==atab)mc++;
if(!document.getElementById("menu"+mc))mc=atabs;else{
  if(document.getElementById("menu"+mc+"_1").style.display=="block"){
  menunu=document.getElementById("menu"+mc).innerHTML;
  document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep2,mrep1);}

  for(runit=1;runit<100;runit++){
  if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
  else document.getElementById("menu"+mc+"_"+runit).style.display="none";
  }
}
}

if(atab!=0){
mcx=atab;atab=atab+1;

for(mc=mcx;mc<atab;mc++){
  if(!document.getElementById("menu"+mc))mc=atab;
  else{menunu=document.getElementById("menu"+mc).innerHTML;
  if(document.getElementById("menu"+mc+"_1").style.display=="block")document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep2,mrep1);
  else document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep1,mrep2);

  for(runit=1;runit<100;runit++){
    if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
    else{if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementById("menu"+mc+"_"+runit).style.display))document.getElementById("menu"+mc+"_"+runit).style.display="none";
    else document.getElementById("menu"+mc+"_"+runit).style.display="block";}
  }
  }
}
}

}
</script>
</head>

<body onLoad="vl(0)">
<div id="menu1" onclick="vl(1)"><img src="p.gif" /> Mine ting</div>
<div id="menu1_1" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_2" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_3" id="visible"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2)"><img src="p.gif" /> Dine ting</div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu3" onclick="vl(3)"><img src="p.gif" /> Vores ting</div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_4"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_5"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_6"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu4" onclick="vl(4)"><img src="p.gif" /> Flere ting</div>
<div id="menu4_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu4_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
</body>
</html>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 11:23 #25
gal hvor det kører. :D

Det klarer du altså rigtigt rigtigt flot. :D

Så mangler vi bare sub-sub menu'er. :D
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 11:33 #26
btw, din id="visible" virker ikke. :(
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:04 #27
btw, din id="visible" virker ikke. :(

... nå nej, slet bare id visible's det er vist helt tilbage fra script 1 hvor jeg rodede med at få den til at forsvinde og vise (den har ingen betydning overhovedet).
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 16:05 #28
okey cool :D
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:39 #29
menuen nr,0 hvis det er en hoved menu
menuen nr,1 hvis det er en under menu

<html>
<head>
<script language="javascript">
function vl(atab,btab){

mrep1="p.gif";
mrep2="m.gif";

if(btab==0){
atabs=100;mcx=1;
for(mc=mcx;mc<atabs;mc++){
if(mc==atab)mc++;
if(!document.getElementById("menu"+mc))mc=atabs;else{
  if(document.getElementById("menu"+mc+"_1").style.display=="block"){
  menunu=document.getElementById("menu"+mc).innerHTML;
  document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep2,mrep1);}

  for(runit=1;runit<100;runit++){
  if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
  else document.getElementById("menu"+mc+"_"+runit).style.display="none";
  }
}
}}

if(atab!=0){
mcx=atab;atab=atab+1;

for(mc=mcx;mc<atab;mc++){
  if(!document.getElementById("menu"+mc))mc=atab;
  else{menunu=document.getElementById("menu"+mc).innerHTML;
 

if(document.getElementById("menu"+mc+"_1").style.display=="block")document.getElementById("menu"+

mc).innerHTML=menunu.replace(mrep2,mrep1);
  else document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep1,mrep2);

  for(runit=1;runit<100;runit++){
    if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
   

else{if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElem

entById("menu"+mc+"_"+runit).style.display))document.getElementById("menu"+mc+"_"+runit).style.di

splay="none";
    else document.getElementById("menu"+mc+"_"+runit).style.display="block";}
  }
  }
}
}

}
</script>
</head>

<body onLoad="vl(0,0)">
<div id="menu1" onclick="vl(1,0)"><img src="p.gif" /> Mine ting</div>
<div id="menu1_1"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_2"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_3"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2,0)"><img src="p.gif" /> Dine ting</div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu3" onclick="vl(3,0)"><img src="p.gif" /> Vores ting</div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_2">
  <div id="menu4" onclick="vl(4,1)"><img src="p.gif" /> Flere ting</div>
  <div id="menu4_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
  <div id="menu4_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
</div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_4"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_5"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_6"><a href="etellerandet">etellerandet-nr3,3</a></div>

</body>
</html>
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:43 #30
p.s. bodyen er lidt dum ovenover skift evt.
<div id="menu3_2">
  <div id="menu4" onclick="vl(4,1)"><img src="p.gif" /> Flere ting</div>
  <div id="menu4_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
  <div id="menu4_2"><a href="etellerandet">etellerandet-nr3,2</a></div>
</div>

med:
<div id="menu3_2">
  <div id="menu4" onclick="vl(4,1)"><img src="p.gif" /> Flere ting</div>
  <div id="menu4_1"><a href="etellerandet">- etellerandet-nr4,1</a></div>
  <div id="menu4_2"><a href="etellerandet">- etellerandet-nr4,2</a></div>
</div>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 16:46 #31
Super nice... :D

Nu kan jeg ikke lige komme i tanke om mere, men hvis du selv kommer på noget, så giv lige lyd fra dig. ;)

Smid et svar. :D
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 16:47 #32
nååårh det skal du ikke spekulere på. :D
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:51 #33
svar ;)
(får nok også selv brug for menuen senere ...)
Fed ting: Hvis man har javascript deaktiveret er alle menupunkter synlige ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:51 #34
Ups prøver igen...
svar ;)
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 16:55 #35
yeah i know. ;)

Takker for hjælpen, og som sagt, får du bygget flere ting ind i, så råb lige højt.

Evt. så mange under-menu'er man nu vil. ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:57 #36
... p.s. den virker jo også med flere undermenuer til undermenuer til undermenuer
Avatar billede mclemens Nybegynder
05. marts 2006 - 16:58 #37
eksempel:

<body onLoad="vl(0,0)">
<div id="menu1" onclick="vl(1,0)"><img src="p.gif" /> Mine ting</div>
<div id="menu1_1"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_2"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_3"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2,0)"><img src="p.gif" /> Dine ting</div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu3" onclick="vl(3,0)"><img src="p.gif" /> Vores ting</div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr3,2</a></div>
<div id="menu3_2"><div id="menu4" onclick="vl(4,1)"><img src="p.gif" /> Flere ting</div>
<div id="menu4_1"><a href="etellerandet">- etellerandet-nr4,1</a></div>
<div id="menu4_2"><div id="menu5" onclick="vl(5,1)"><img src="p.gif" /> Flere ting</div>
<div id="menu5_1"><a href="etellerandet">- etellerandet-nr5,1</a></div>
<div id="menu5_2"><div id="menu6" onclick="vl(6,1)"><img src="p.gif" /> Flere ting</div>
<div id="menu6_1"><a href="etellerandet">- etellerandet-nr5,1</a></div>
<div id="menu6_2"><a href="etellerandet">- etellerandet-nr5,2</a></div></div></div></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_4"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_5"><a href="etellerandet">etellerandet-nr3,3</a></div>
<div id="menu3_6"><a href="etellerandet">etellerandet-nr3,3</a></div>

</body>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 17:03 #38
sejt... så mangler den bare lige at klappe den foregående undermenu sammen når man skifter, som med hoved menu'en. :P
Avatar billede mclemens Nybegynder
05. marts 2006 - 17:18 #39
Dang, det bliver indviklet :/
backup tidl. og prøv denne :/

<html>
<head>
<script language="javascript">
function vl(atab,btab,ctab){

mrep1="p.gif";
mrep2="m.gif";


atabs=100;mcx=1;
for(mc=mcx;mc<atabs;mc++){
while((mc==atab)||(mc==btab)||(mc==ctab))mc++;
if(!document.getElementById("menu"+mc))mc=atabs;else{
  if(document.getElementById("menu"+mc+"_1").style.display=="block"){
  menunu=document.getElementById("menu"+mc).innerHTML;
  document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep2,mrep1);}

  for(runit=1;runit<100;runit++){
  if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
  else document.getElementById("menu"+mc+"_"+runit).style.display="none";
  }
}
}

if(atab!=0){
mcx=atab;atab=atab+1;

for(mc=mcx;mc<atab;mc++){
  if(!document.getElementById("menu"+mc))mc=atab;
  else{menunu=document.getElementById("menu"+mc).innerHTML;
  if(document.getElementById("menu"+mc+"_1").style.display=="block")document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep2,mrep1);
  else document.getElementById("menu"+mc).innerHTML=menunu.replace(mrep1,mrep2);

  for(runit=1;runit<100;runit++){
    if(!document.getElementById("menu"+mc+"_"+runit))runit=100;
    else{if((document.getElementById("menu"+mc+"_"+runit).style.display=="block")||(!document.getElementById("menu"+mc+"_"+runit).style.display))document.getElementById("menu"+mc+"_"+runit).style.display="none";
    else document.getElementById("menu"+mc+"_"+runit).style.display="block";}
  }
  }
}
}

}
</script>
</head>

<body onLoad="vl(0,0,0)">
<div id="menu1" onclick="vl(1,0,0)"><img src="p.gif" /> Mine ting</div>
<div id="menu1_1"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_2"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu1_3"><a href="etellerandet">etellerandet-nr1,1</a></div>
<div id="menu2" onclick="vl(2,0,0)"><img src="p.gif" /> Dine ting</div>
<div id="menu2_1"><a href="etellerandet">etellerandet-nr2,1</a></div>

<div id="menu3" onclick="vl(3,0,0)"><img src="p.gif" /> Dine ting</div>
<div id="menu3_1"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu3_2"><a href="etellerandet">etellerandet-nr2,1</a></div>
<div id="menu3_3"><a href="etellerandet">etellerandet-nr3,3</a></div>

<div id="menu3_4">
<div id="menu4" onclick="vl(4,3,0)"><img src="p.gif" /> Dine ting</div>
  <div id="menu4_1">
  <div id="menu5" onclick="vl(5,3,4)"><img src="p.gif" /> Dine ting</div>
  <div id="menu5_1"><a href="etellerandet">- - etellerandet-nr7,1</a></div>
  <div id="menu5_2"><a href="etellerandet">- - etellerandet-nr7,2</a></div>
  </div>
  <div id="menu4_2">
  <div id="menu6" onclick="vl(6,3,4)"><img src="p.gif" /> Dine ting</div>
  <div id="menu6_1"><a href="etellerandet">- - etellerandet-nr6,1</a></div>
  <div id="menu6_2"><a href="etellerandet">- - etellerandet-nr6,2</a></div>
  </div>
</div>
</div>



</body>
</html>
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 17:20 #40
It's working like a charm m8. :D

Takker mange gange. :D
Avatar billede mclemens Nybegynder
05. marts 2006 - 17:22 #41
vl(0,0,0)
1. tal er menuens egen nr.
2. tal er 0 hvis menuen er en hovedmenu ellers det tal der kører til hovedmenuen
3. tal er 0 hvis menuen er en hovedmenu eller undermenu ellers det tal der kører til "undermenuen"

f.eks.: vl(6,2,3) ... menu6 er placeret under hoved menu2 og undermenu3...
Avatar billede blackscorpion Nybegynder
05. marts 2006 - 17:27 #42
okey.. finder jeg nok ud af ved at kigge på koden. :D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I går 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »