Søg
Avatar billede martins Nybegynder
02. maj 2002 - 15:33 Der er 23 kommentarer og
2 løsninger

CSS-menu

Jeg vil gerne have modificeret denne menu som jeg bruge. Nu skifter den blot baggrundsfarven i den pågældende celle, men jeg vil gerne have så den også kan skifte farven på skriften i samme celle.

<script language="JavaScript">
  function menu(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#F3F3F6'
    } else if (mode=="out") {
      cursortype = ''
      colorval = ''
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 15:34 #1
<script language="JavaScript">
  function menu(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#F3F3F6'

    } else if (mode=="out") {
      cursortype = ''
      colorval = ''
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 15:35 #2
doh trykkede på på tab og space :)

<script language="JavaScript">
  function menu(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#F3F3F6'
      color = '#CCCCCC'

    } else if (mode=="out") {
      cursortype = ''
      colorval = ''
      color = ''
    }
  element.style.background=colorval;
  element.style.color=color;
  element.style.cursor=cursortype;
}
</script>
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:36 #3
Væk med java og ind med CSS...

vent et øje blik...
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 15:37 #4
der er ingen java i dette, kun javascript og css.
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:37 #5
http://activedeveloper.dk/artikler/default.asp?articleid=276

her kan du læser mere om det...
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:39 #6
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
text-color: #222222;
background : #999999
display:block;
width:100%;
}

Ja jag menet også JavaScript... hurgtig skriveform
Avatar billede =maddog= Nybegynder
02. maj 2002 - 15:40 #7
colorval = ''
      color = ''
skal være
      colorval = 'transparent'
      color = 'transparent'
Avatar billede martins Nybegynder
02. maj 2002 - 15:40 #8
hvordan tilføjer jeg så funktionen til cellen?
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:42 #9
Der er oxo noget her... men jeg kan henvende dig til et af mine tidligere SPM her inde..

2. artikel:
http://activedeveloper.dk/artikler/default.asp?articleid=247

Mit SPM:
http://www.eksperten.dk/spm/203837
Avatar billede =maddog= Nybegynder
02. maj 2002 - 15:42 #10
<td onmouseover="menu(this,"in");" onmouseout="menu(this,"out");"> Menu punkt </td>
f.eks.
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 15:43 #11
hvis det skal være når musen kommer over skal du sige
<div onMouseOver="menu(this, 'in') onMouseOut(menu(this, 'out'))">blah</div>
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:43 #12
Med Class...

<TD Width="30" Class="menu"></TD>
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:45 #13
Jeg vil så sige at med det du skal så er det nok langt næmere i ren CSS, istedet for at indblande JS, men det er vel smag og behag...
Avatar billede =maddog= Nybegynder
02. maj 2002 - 15:47 #14
mr_craig> det de laver på dit link... det virker ikke i NS4.
Avatar billede md_craig Nybegynder
02. maj 2002 - 15:48 #15
OK du taber hele 4% rent Design mæssigt....
Avatar billede martins Nybegynder
02. maj 2002 - 16:29 #16
Hvis jeg sætter css-koden i <style> tags og og så sætter en class på cellen, sker der aldrig en ski :)
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 16:33 #17
<style>

.minKlasse {color: #cccccc; beackground-color: #000000;}
</style>

<div class="minKlasse">POLSEMAD</div>


Der skulle gerne ske noget der :)
Avatar billede =maddog= Nybegynder
02. maj 2002 - 16:37 #18
beackground-color: = background-color:
eller hvad sker der??
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 16:37 #19
ja, typo
Avatar billede martins Nybegynder
02. maj 2002 - 16:38 #20
det kan godt være det er mig, men jeg gør akurat som du skriver og der sker ikke en skid :/
Avatar billede lyhr007 Nybegynder
02. maj 2002 - 16:38 #21
prøv at copy/paste alt din html in her.
Avatar billede martins Nybegynder
02. maj 2002 - 16:40 #22
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
text-color: #222222;
background : #999999
display:block;
width:100%;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="600" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
  <tr bgcolor="#FFFFFF">
    <td width="75">
      <div class="menu">Test</div>
    </td>
    <td width="463">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="22">&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede md_craig Nybegynder
02. maj 2002 - 20:35 #23
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
text-color: #222222;
background : #999999
display:block;
width:100%;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="600" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
  <tr bgcolor="#FFFFFF">
    <td width="75">
      <div class="menu">Test</div>
    </td>
    <td width="463">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="17">&nbsp;</td>
    <td width="22">&nbsp;</td>
  </tr>
</table>
</body>
</html>

du manglede typen for Style
Avatar billede md_craig Nybegynder
02. maj 2002 - 20:37 #24
og så Glem de skide Diversions, (DIV) som min lære siger, "kan folk ikke få det til at se helt rigtigt ud, så kaster de skødesløst en masse unødvendige diversions ind..."
Avatar billede md_craig Nybegynder
02. maj 2002 - 20:40 #25
du kan se et eksempel her, jeg har godtnok valgt ikke at skifte farven i text...

http://www.friserverplads.dk/IT-Links/

den ser således ud...
Grunden til at jeg setter collor til #000000 på hoveren er at jeg har et par andre hovers som i såfald bare ville gå ind og tage effekt på det punkt

a.Top    {
    display:block;
    width:100%;
    }
a.Top:hover {
    background : #FF3300;
    display:block;
    width:100%;
    color: #000000;
    }
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 Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 21/08/202611:03
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 21/08/202611:08
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »