Avatar billede msjubii.dk Nybegynder
11. august 2003 - 12:39 Der er 7 kommentarer og
1 løsning

Javascript menu

Jeg har denne kode, men problemet er, når jeg vil vise indholdet i min div så bliver links ikek vist, kun alm. tekst, nogen som har en ide hvorfor ?

<SCRIPT language=javascript>
function rullemenu(rulle){
    var rul = "3"
        if (rulle.style.visibility=="visible"){
            rulle.style.position="absolute";
            rulle.style.visibility="hidden";
            var rul = "2"
        }
        if (rul=="3"){
            if (rulle.style.visibility=="hidden"){
                rulle.style.position="relative";
                rulle.style.visibility="visible";
            }
        }
}
</SCRIPT>

<span onclick=rullemenu(rulStyle); style="cursor:hand;">Menu</span>
<div id=rulStyle style="VISIBILITY: hidden; POSITION: absolute">
<a href="#">test</a><br>
<a href="#">test</a><br>
<a href="#">test</a><br>
</div>
Avatar billede roenving Novice
11. august 2003 - 12:41 #1
Hvordan ser dit stylesheet ud ?-)

-- hos mig ser jeg præcis links !-)
Avatar billede msjubii.dk Nybegynder
11. august 2003 - 12:43 #2
Den ser sådan her ud:
body {
font-family:Trebuchet MS;
font-size: 11px;
background-color:<%=color2%>;
scrollbar-base-color:<%=color2%>;
scrollbar-arrow-color:<%=color1%>;
}

td {font-family:Trebuchet MS;font-size: 11px;}
.topbaggrund {background-color: #F7F7F7;}


.undermenutitel {
font-family:Trebuchet MS; font-size: 13 px;
color: <%=color1%>;
font-weight: bold;
letter-spacing: 1;
}

.undermenutxt {
font-family:Trebuchet MS; font-size: 11px;
color: #000000;
}

.undermenubox {
background-image: url('/gfx/dk/design/MenuDotBoxBg.gif');
padding-left: 5;
margin-style:0px;
}

.menubg {background-color: <%=color3%>;}

.sektionmenu {
font-family:Trebuchet MS; font-size: 14px;
color: <%=color3%>;
}

.sektiontitel {font-family:Trebuchet MS; font-size: 13px; color: <%=color2%>; font-weight: bold;}

.pakketitel {font-family:Trebuchet MS; font-size: 14px; color: <%=color1%>; font-weight: bold;letter-spacing: 1;padding-left: 45}
.pakkebg {background-color:<%= color3%>;}
.tabeltxt {font-size: 13px; padding-left: 3;}

.ekstxt {font-size: 13px; padding-left: 3; fontstyle: italic;}

.overskrift {color:<%=color1%>;font-weight: bold;}

.Titel {color:<%=color1%>;font-weight: bold;font-size:13px; align:center; letter-spacing: 1; height:25;}

.hovedmenu {
font-family:Trebuchet MS; font-size: 15;font-weight: bold;letter-spacing: 2;}

.sektionfarve {background-color:<%=color1%>;}

.txt {font-size: 13px;}
.txtbund {font-size: 11px;font-family:tahoma;}

.input {
color: <%=color1%>;
font-family: Trebuchet MS;
font-size: 10px;
border: 1px solid <%=color2%>;
}
.box {padding-left: 5; padding-right:5;}

.dato { font-size:11px;}

.break { height:10;background-image: url('/gfx/dk/design/dot.gif'); background-repeat: repeat-x; background-position-y: center}

A.undermenutxt:link             {Color:#000000;Text-decoration:none;width:99%;  }
A.undermenutxt:hover             {Color:#000000;text-decoration:underline;width:99%; }
A.undermenutxt:visited             {Color:#000000;text-decoration:none;width:99%; }
A.undermenutxt:visited:hover     {Color:#000000;text-decoration:underline;width:99%; }

A:link             {Color:<%=color1%>;Text-decoration:none;}
A:hover         {Color:<%=color1%>;text-decoration:underline;}
A:visited         {Color:<%=color1%>;text-decoration:none;}
A:visited:hover {Color:<%=color1%>;text-decoration:underline;}
Avatar billede msjubii.dk Nybegynder
11. august 2003 - 12:45 #3
Og indholdet af min <div>

<div id=rulStyle style="VISIBILITY: hidden; POSITION: absolute">
                <font class="undermenutxt">
                <font class="overskrift">Farver:</font><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=blue">Blå</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=bordeaux">Bordeaux</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=yellow">Gul</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=green">Grøn</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=lilla">Lilla</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=orange">Orange</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=red">Rød</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=black">Sort/grå</a><br>
                <a class="undermenutxt" href="/dk/inc/set.asp?s=s&style=turkis">Turkis</a><br>
</div>
Avatar billede roenving Novice
11. august 2003 - 12:53 #4
To _helt_ forskellige ting:

Det ser for mig ud til at du ønsker at opnå visning/skjulning med visibility + position -- præcis det samme kan du gøre med display:block|none;

<SCRIPT language=javascript>
function rullemenu(rulle){
    var rul = "3"
        if (rulle.style.display=="block"){
            rulle.style.display="none";
            var rul = "2"
        }
        if (rul=="3"){
            if (rulle.style.display=="none"){
                rulle.style.display="block";
            }
        }
}
</SCRIPT>

<span onclick=rullemenu(rulStyle); style="cursor:hand;">Menu</span>
<div id=rulStyle style="display:none;">
<a href="#">test</a><br>
<a href="#">test</a><br>
<a href="#">test</a><br>
</div>

-- og så har du lidt rod i dine css-rules:

-- hvad er undermenutxt ?-)

Efter det jeg gætter på skulle det efter standarden se således ud:

.undermenutxt a:link {Color:#000000;Text-decoration:none;width:99%;  }
.undermenutxt a:visited {Color:#000000;text-decoration:none;width:99%; }
.undermenutxt a:hover {Color:#000000;text-decoration:underline;width:99%; }

A:link {Color:<%=color1%>;Text-decoration:none;}
A:visited {Color:<%=color1%>;text-decoration:none;}
A:hover {Color:<%=color1%>;text-decoration:underline;}

-- altså at links som befinder sig inde i containere med class="undermenutxt" har txt-farve sort -- alle andre har den du sætter ind fra dit php-script ...

Rækkefølgen i pseudo-classes er også vigtig, jeg har her angivet dem i den rækkefølge, som giver et logisk resultat !-)

-- du havde noget som kun kan være resultatet af en forkert forståelse:

A:visited:hover betyder:
a:visited _og_
a:hover

Ikke, at visisted har hover !-)
Avatar billede roenving Novice
11. august 2003 - 12:59 #5
Fik også kigget lidt nærmere på din rullemenu-funktion

<SCRIPT language=javascript>
function rullemenu(rulle){
rulle.style.display=(rulle.style.display=="block")?"none":"block";
}
</SCRIPT>
Avatar billede msjubii.dk Nybegynder
11. august 2003 - 13:00 #6
Man bliver klogere og klogere, dejligt*S* Men i alt fald så virker dit forslag, så tusind tak for det. Smid lige et svar som jeg kan acceptere :)
Avatar billede roenving Novice
11. august 2003 - 13:33 #7
Velbekomme '-)
Avatar billede roenving Novice
11. august 2003 - 14:30 #8
-- og tak for points ;~}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester