/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
"dropdown" menu
Fra : Stefan Køberl


Dato : 14-05-06 17:02

Hej jeg er igang med en menu, og har fået linkene til at virke.

En af knapperne på min menu, skulle bare være en dropdown menu.
Altså hvor der kommer en liste frem med underpunkter, når man
holder på den. Hvilket stykke kode skal jeg indsætte for at
fortælle browseren, at det er sådan en slags knap.

Jeg har brugt denne i Head:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--//
if (document.images) {
img1on = new Image(); // Active images
img1on.src = "/min_menu_b1.gif";
img2on = new Image();
img2on.src = "/min_menu_b2.gif";
img3on = new Image();
img3on.src = "/min_menu_b3.gif";
img4on = new Image();
img4on.src = "/min_menu_b4.gif";
img5on = new Image();
img5on.src = "/min_menu_b5.gif";


img1off = new Image(); // Inactive images
img1off.src = "/min_menu_b1_over.gif";
img2off = new Image();
img2off.src = "/min_menu_b2_over.gif";
img3off = new Image();
img3off.src = "/min_menu_b3_over.gif";
img4off = new Image();
img4off.src = "/min_menu_b4_over.gif";
img5off = new Image();
img5off.src = "/min_menu_b5_over.gif";


}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
//-->
</SCRIPT>



Og denne i body:

<A HREF="/test.html" onMouseOver="imgOn('img1')"
onMouseOut="imgOff('img1')"><IMG NAME="img1"
SRC="min_menu_b1_over.gif" border="0" ALT=""></A>
<P>
<A HREF="/chat.html" onMouseOver="imgOn('img2')"
onMouseOut="imgOff('img2')">
<IMG NAME="img2" SRC="min_menu_b2_over.gif" border="0"
ALT=""></A>

<A HREF="/mquests.html" onMouseOver="imgOn('img3')"
onMouseOut="imgOff('img3')"><IMG NAME="img3"
SRC="min_menu_b3_over.gif" border="0" ALT=""></A>

<A HREF="/phpBB2" onMouseOver="imgOn('img4')"
onMouseOut="imgOff('img4')"><IMG NAME="img4"
SRC="min_menu_b4_over.gif" border="0" ALT=""></A>

<A HREF="Tak.html" onMouseOver="imgOn('img5')"
onMouseOut="imgOff('img5')"><IMG NAME="img5"
SRC="min_menu_b5_over.gif" border="0" ALT=""></A>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Allan Vebel (14-05-2006)
Kommentar
Fra : Allan Vebel


Dato : 14-05-06 20:19

Stefan Køberl skrev:

> Jeg har brugt denne i Head:

Har du et link til siden? Det er meget nemmere at hjælpe
dig hvis vi kan se siden live.

--
Allan Vebel
http://html-faq.dk



Stefan Køberl (15-05-2006)
Kommentar
Fra : Stefan Køberl


Dato : 15-05-06 11:27


> Har du et link til siden? Det er meget nemmere at hjælpe
> dig hvis vi kan se siden live.

Ja her er den menu jeg snakker om:
www.infoscape.dk/menu.html

I skal ikke tænke på knappernes links til de forskellige sider -
dette er bare tilfældigt for at afprøve menuen.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (15-05-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 15-05-06 12:31

Stefan Køberl wrote:
>>Har du et link til siden? Det er meget nemmere at hjælpe
>>dig hvis vi kan se siden live.
>
>
> Ja her er den menu jeg snakker om:
> www.infoscape.dk/menu.html
>
> I skal ikke tænke på knappernes links til de forskellige sider -
> dette er bare tilfældigt for at afprøve menuen.
>
Det, du efterspørger, er en dynamisk menu. En
sådan kan du lave med JavaScript, jf. for eksempel
http://www.webdesign101.dk/www/cssmenu/dynamic_lists/eksempel1.html

I så fald hører dit spørgsmål hjemme i clintside nyhedsgruppen.

Du kan også vælge at lavedet ved hjælp af CSS alene,
jf. for eksempel
http://www.webdesign101.dk/www/cssmenu/dropdownmenu.php

Humlen ved denne løsning er, at du under alle
omstændigheder skal bruge noget IE-specifik JavaScript.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste