CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

cover.man Nybegynder

10. april 2005 - 17:11 Der er 8 kommentarer

Enkelt Menue hjælp

Hey jeg skal bruge en menue...
Den skal ikke kunne det store andet end når man trykker på linket skal skal skriften skrifte farve og billedet forand linket skal skifte....

Er det svært og er der nogle der kan lave noget jeg bare selv kan redigere i...

Mvh Christian

Synes godt om

cover.man Nybegynder

10. april 2005 - 17:19 #1

Her er et billede som måske giver et bedre overblik...
www.has-lund.dk/menue.JPG

Synes godt om

olebole Juniormester

10. april 2005 - 18:06 #2

<ole>

Du kunne jo prøve noget i stil med:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu test</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0px;
padding: 0px;
}
.menu {
font: 11px verdana, arial, sans-serif;
width: 200px;
border: 1px solid #999999;
}
.menu .head {
cursor: pointer;
}
.menu .head img {
margin-right: 3px;
vertical-align: middle;
}
.menu .cont {
margin-left: 20px;
display: none;
}
</style>
<script type="text/JavaScript">
var actCont = null;
function openThis(elm) {
var im;
if (actCont) {
actCont.style.display = "none";
actCont.previousSibling.style.backgroundColor = "";
im = elm.getElementsByTagName("img")[0];
im.src = im.src.replace("open", "close");
actCont = null;
}
elm.nextSibling.style.display = "block";
elm.style.backgroundColor = "red";
im = elm.getElementsByTagName("img")[0];
im.src = im.src.replace("close", "open");
actCont = elm.nextSibling;
}
</script>
</head>
<body>

<div class="menu">
<div class="head" onclick="openThis(this)"><img src="folder_close.gif">En overskrift 1</div>
<div class="cont">Indhold 1</div>

<div class="head" onclick="openThis(this)"><img src="folder_close.gif">En overskrift 2</div>
<div class="cont">Indhold 2</div>

<div class="head" onclick="openThis(this)"><img src="folder_close.gif">En overskrift 3</div>
<div class="cont">Indhold 3</div>
</div>

</body>
</html>

/mvh
</bole>

Synes godt om

olebole Juniormester

10. april 2005 - 18:07 #3

- kræver, du har to billeder: 'folder_close.gif' og 'folder_open.gif'

Synes godt om

olebole Juniormester

10. april 2005 - 18:10 #4

- og evt. links i containerne, der foldes ud, kan styles med:

.menu .cont a, .menu .cont a:visited {
color: black;
text-decoration: none;
}
.menu .cont a:hover {
color: red;
text-decoration: none;
}

Synes godt om

cover.man Nybegynder

10. april 2005 - 18:56 #5

Er super godt det der men tror du, at du kan gøre sådan at den ikke skifter baggrundsfarve...Og indholdet skal komme ned under alle menue punkterne...Og skriften skal skifte farve... så er de 200 point på vej til dig:P

Synes godt om

skyggen2000 Nybegynder

16. april 2005 - 17:35 #6

Har du prøvet at lede efter en lign gratis menu?

http://www.dynamicdrive.com/dynamicindex1/index.html

Der ligger mange ret niftige menuer;)

Synes godt om

skyggen2000 Nybegynder

16. april 2005 - 17:36 #7

Så vidt jeg ved har Ole har lidt mail probs, der kan forklare hvorfor han ikke har svaret endnu, men nu burde han få en efter jeg har tilføjet en kommentar:)

Synes godt om

cover.man Nybegynder

21. juni 2005 - 09:25 #8

skriv lige Olebole..

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS