CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede human900 Nybegynder
08. maj 2003 - 13:56 Der er 6 kommentarer og
1 løsning

Vil lave en menu der skifter farve !

Hejsa- jeg har en almindelig menu lavet i en
table. Nu vil jeg gerne have ændret menuen således den skifter farve, når man kører ind over den ( http://www.fyens.dk/ ) som den gør på denne adresse til venstre.
Nogle gode ideer ?????
Avatar billede 040471 Nybegynder
08. maj 2003 - 14:01 #1
Via CSS styles, kan du jo lave forskellige styles, der ligger design på de tabeller menuen er lavet i, og så ved mouseover og mouseout, samt ved onclick skifter style for den nekelte celle.

Det er ret nemt at lave i DW, samt meget fleksibelt hvis du efterfølgendeønsker at redigere eller ændre designet.

/040471
Avatar billede human900 Nybegynder
08. maj 2003 - 16:01 #2
er det et sted hvor jeg kan læse lidt mere !!!!
Avatar billede 040471 Nybegynder
08. maj 2003 - 16:04 #3
Har du et link til den menu du har lavet, så skal jeg vise dig hvordan.

/040471
Avatar billede human900 Nybegynder
08. maj 2003 - 16:05 #4
http://www.risingskolen.odense.dk/main/index.htm
Avatar billede 040471 Nybegynder
09. maj 2003 - 12:12 #5
Her kommer så koden, jeg kar klippet menuen ud af sin side, og lagt det på der skal bruges, så kan du selv flette det ind i din side, og ændre på farverne i style - du kan jo også tilføje alle mulige andre former for styles, jeg har kun lavet bgcolor.

Så skulle mine points vist være tjent.... :-) ikk'

/040471

Se koden i brug ( http://www.moric.dk/slet.htm )

Koden:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.aktivmenu {background-color: #ff0000}
.musmenu {background-color: #000000}
.normalmenu {background-color: #c0c0c0}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function skiftstyle(id, style) {
    if (style == "aktivmenu") {
        // Ved nu aktivmenu, sættes alle nemupunkter til normal, kunne istedet laves som et while
        document.getElementById("menupunkt1").className = "normalmenu";
        document.getElementById("menupunkt2").className = "normalmenu";
        document.getElementById("menupunkt3").className = "normalmenu";
        document.getElementById("menupunkt4").className = "normalmenu";

    }
    styleNu = document.getElementById(id).className;   
    if (styleNu != "aktivmenu") {
        // Ved mouseout på den aktivemenu, ændres stylen ikke.
        document.getElementById(id).className = style
    }
}

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//-->
</script>
</head>

<body>
  <TABLE WIDTH="50" BORDER="1" cellpadding="1" cellspacing="1" BORDERCOLOR="#CCCCCC" bgcolor="#000000">
    <TR BGCOLOR="#003333">
      <TD height="22" bgcolor="#003333" class="normalmenu" ID="menupunkt1">
        <div align="center"><font size="1" color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="skiftstyle('menupunkt1', 'aktivmenu')" onMouseOver="skiftstyle('menupunkt1', 'musmenu')" onMouseOut="skiftstyle('menupunkt1', 'normalmenu')">Forsiden</a></font></div>
      </TD>
    </TR>
    <TR BGCOLOR="#003333">
      <TD height="22" bgcolor="#003333" class="normalmenu" ID="menupunkt2">
        <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="skiftstyle('menupunkt2', 'aktivmenu')" onMouseOver="skiftstyle('menupunkt2', 'musmenu')" onMouseOut="skiftstyle('menupunkt2', 'normalmenu')">Bibliotek</a></font></div>
      </TD>
  <TR BGCOLOR="#003333">
      <TD height="22" bgcolor="#003333" class="normalmenu" ID="menupunkt3">
        <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="skiftstyle('menupunkt3', 'aktivmenu')" onMouseOver="skiftstyle('menupunkt3', 'musmenu')" onMouseOut="skiftstyle('menupunkt3', 'normalmenu')">Menu3</a></font></div>
      </TD>
  <TR BGCOLOR="#003333">
      <TD height="22" bgcolor="#003333" class="normalmenu" ID="menupunkt4">
        <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="skiftstyle('menupunkt4', 'aktivmenu')" onMouseOver="skiftstyle('menupunkt4', 'musmenu')" onMouseOut="skiftstyle('menupunkt4', 'normalmenu')">menu4</a></font></div>
      </TD>
    </TR>
</TABLE>
</body>
</html>
Avatar billede human900 Nybegynder
09. maj 2003 - 13:00 #6
Mange gange tak, en utrolig service på denne side.......
Avatar billede pedepede Nybegynder
04. september 2003 - 10:45 #7
"      // Ved nu aktivmenu, sættes alle menupunkter til normal, kunne istedet laves som et while"... Hvordan laves det med while??? Hvis ellers der stadig er nogen der lytter.... :O)
- Mvh Pede
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer 1 16/02/202409:07 19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer 4 14/01/202417:30 21/01/202409:21
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 22:41 Hjælp til at skrive opgave Af Needhelp i Småopgaver
I går 14:04 Pixeline cd’er til PC Af Mathilde i Windows
I går 01:14 Windows 10 - IIS 10 Af bsn i Windows
04/0720:39 Boot fra USB Af poulmadsen i Windows
04/0711:43 Gmail-ikon på skrivebordet Win 10 Af ErikHg i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab
Læs mere »
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods
Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder
Se alle »
Computerworld
Teaser billede
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
En pladesaks, 1000W og et Nvidia-grafikkort til 14.000 kroner - sådan opgraderede jeg min pc
Se alle »
CIO
Teaser billede
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Læs mere »
Russisk hack af Microsoft er meget større end først antaget
Efter stort hackerangreb mod Teamviewer: Stop dine opdateringer og tjek opsætningen nu
Halter mange år bagefter: Langsom software-udvikling udfordrer kæmpe digitalt løft af Billund Lufthavn
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Læs mere »
Informationshåndtering på frontlinjen: Sådan optimerer du med automatisering
Vejen væk fra WAN: Sådan skifter du til en moderne infrastruktur
Guide: Sådan udvikler du en moderne netværksstrategi
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »