Notifikationer

Markér alle som læst Log ud

pfp Nybegynder

24. februar 2002 - 13:26 Der er 12 kommentarer og
2 løsninger

Hover med ramme...

Hej,

Jeg ved at man kan lave sådan noget mouseover hover med følgende:

<script language="JavaScript">
function co(element,mode) {
if (mode=="in") {
colorval = '#B7C6D6'
} else if (mode=="out") {
colorval = '#EEEEEE'
}
element.style.background=colorval;
}
</script>

Kan det ikke udvides så der kommer en ramme på 1px rundt om cellen når musen føres over?

Ligesom de har lavet på de nye www.microsoft.com menuer...

/pfp

Synes godt om

olebole Juniormester

24. februar 2002 - 14:10 #1

<ole>

<script type="text/JavaScript">
function co(element,mode) {
if (mode=="in") {
colorval = '#B7C6D6';
bord = '1px solid #ff0000';
} else if (mode=="out") {
colorval = '#EEEEEE';
bord = '1px solid #ffffff';
}
element.style.background=colorval;
element.style.border = bord;
}
</script>

/mvh
</bole>

Synes godt om

pfp Nybegynder

24. februar 2002 - 14:28 #2

hej olebole,

kan du ikke se hvad der går galt? Den efterlader nogle streger

www.votus.dk/koders/

Synes godt om

emileej Nybegynder

24. februar 2002 - 15:01 #3

>>pfp
Det er nemmere at lave direkte i CSS:
<head>
<style>
a.menuItem{ border: 1px solid #00ff00; background: #000000 }
a.menuItem:hover { border: 1px solid #0000ff; background: #ffffff }
</style>
</head>
Så skal alle dine links så have indsat følgende parameter: class="menuItem".
Eks.:
<a href="exp.dk" class="menuItem">Eksperten</a>

E-)mil
http://mfp.eej.dk
http://eej.dk

Synes godt om

olebole Juniormester

24. februar 2002 - 15:20 #4

Emil >> Brug cellen! =oD
Manden skriver: "...rundt om cellen" ;o)
/mvh

Synes godt om

emileej Nybegynder

24. februar 2002 - 15:24 #5

Pas på Ole! *gG*
Han kan stadig bruge min metode - hvis han vil have den til at fylde det hele, kan han jo bare udbygge mit til:
a.menuItem{ border: 1px solid #00ff00; background: #000000; width:100%; height:100% }
a.menuItem:hover { border: 1px solid #0000ff; background: #ffffff }

Ta den! *gG*

E-)mil
http://mfp.eej.dk
http://eej.dk

Synes godt om

olebole Juniormester

24. februar 2002 - 15:29 #6

Jojo ..... hvis man insisterer på at krydse åen, for at hente vand =o))
Jeg ved iøvrigt ikke, om du behøver teste dine fejl, for at se hvilket hopperi, du vil introducere, hvis ikke du angiver samme højde og bredde i linket i begge tilfælde.

ehhhhhh ..... ta' lige bolden - jeg tror, den ligger på din side af nettet, nu =oD
/mvh

Synes godt om

emileej Nybegynder

24. februar 2002 - 15:36 #7

Hehe - så er det nu at jeg skal sige, at man i tilfældet med :hover ikke behøver at angive de parametre, der er ens, da de bliver bevaret :)~
Mht. åen, så er jeg 100% sikker på at min løsning vil køre hurtigere end din, og desuden er det da lige meget besvær - lige meget hvilken af løsningerne man vælger...

Hov for s*t*n da en baghånd deer!

E-)mil

Synes godt om

olebole Juniormester

24. februar 2002 - 15:38 #8

Nåja .... du skulle jo ikke *kyle* den efter mig - vel? =o)))
/mvh

Synes godt om

emileej Nybegynder

24. februar 2002 - 15:43 #9

Tak for kampen Ole *gG*
På point tavlen står der:

<head>
<style>
a.menuItem{ border: 1px solid #00ff00; background: #000000 }
a.menuItem:hover { border: 1px solid #0000ff; background: #ffffff }
</style>
</head>
<body>
<table>
<tr>
<td width="100" height="20">
<a href="http://exp.dk" class="menuItem">
Eksperten
</a>
</td>
</tr>
</table>
</body>

E-)mil
http://mfp.eej.dk
http://eej.dk

Synes godt om

emileej Nybegynder

24. februar 2002 - 15:47 #10

Argh! Nu glemte jeg sq det vigtigste!

Således:
<head>
<style>
a.menuItem{ border: 1px solid #00ff00; background: #000000; width:100%; height:100% }
a.menuItem:hover { border: 1px solid #0000ff; background: #ffffff }
</style>
</head>
<body>
<table>
<tr>
<td width="200" height="20">
<a href="http://exp.dk" class="menuItem">
Eksperten
</a>
</td>
</tr>
</table>
</body>

E-)mil
http://mfp.eej.dk
http://eej.dk

Synes godt om

pfp Nybegynder

24. februar 2002 - 16:22 #11

emil-> med din får jeg jo link på det hele i stedet for bare min tekst. Se www.votus.dk/Koders/test.asp hvorfor kommer der ingen streg i højre side og hvorfor bliver der nu pludselig så mange pixels afstand i venstre side. Der skal blot være den samme afstand som i højre side.

/pfp

Synes godt om

emileej Nybegynder

25. februar 2002 - 07:49 #12

Stryg det der andet CSS script, du har sat ind.

<STYLE TYPE="text/css">

</STYLE>

Det er nok det, der laver lort i lagkagen...

E-)mil

Synes godt om

pfp Nybegynder

10. marts 2002 - 13:32 #13

lukker...tak til jer begge...

Synes godt om

emileej Nybegynder

11. marts 2002 - 20:11 #14

tak for kampen Ole *gG*

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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