Notifikationer

Markér alle som læst Log ud

morteeart Nybegynder

08. januar 2005 - 20:46 Der er 4 kommentarer og
1 løsning

Ændre værdier i CSS klasse med javascript

Hej

hvis jeg f.eks. har en klasse som hedder .tab
og ser sådan her ud

.tab
{
background: white;
color: black;
}

nu vil jeg gerne lave en mouseover effekt som ændre dette til det modsatte (invetering af farverne)

Det kunne nemt laves med CSS , men så understøtter stakkels Internet Explorer det ikke :(

Så jeg er nødsaget til at løse det med javascript, men ved ikke helt hvordan.

nogle forslag ?

Synes godt om

softspot Forsker

08. januar 2005 - 20:56 #1

Jeg kan lige flikke denne sammen og køre den i IE 6.0 for PC (og det fungerer), så enten forstår jeg ikke dit spørgsmål (sandsynligt), eller du kører en anden version af IE end jeg gør...

<html>
<head>
<style rel="stylesheet">
.tab
{
background: white;
color: black;
}
.tab:hover
{
background: black;
color: white;
}
</style>
</head>
<body>
<a href="#" class="tab">tester</a>
</body>
</html>

Synes godt om

morteeart Nybegynder

08. januar 2005 - 20:58 #2

Det var fordi jeg tænke på en <div class="tab"> som ændrede sig ved mouseover, men fik dette fine eksempel af en ven:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
</head>
<body style="background:red;">
<div id="test" style="width:100px;height:100px;background:white;color:black;"
onmouseover="document.getElementById('test').style.background = 'black';
document.getElementById('test').style.color = 'white';"
onmouseout="document.getElementById('test').style.background = 'white';
document.getElementById('test').style.color = 'black';">Hep hey</div>
</body>
</html>

Synes godt om

olebole Juniormester

09. januar 2005 - 12:32 #3

<ole>

Du kan også referere med 'this' ... det er måske lidt mere elegant :)

<div onmouseover="this.style.backgroundColor='red'" ...>TEST</div>

/mvh
</bole>

Synes godt om

roenving Novice

09. januar 2005 - 14:47 #4

-- og det skal da tilføjes, at det er 'a pain in the ass' at ændre properties på styles med javascript (og Opera understøtter det slet ikke !-)

Synes godt om

morteeart Nybegynder

09. januar 2005 - 16:42 #5

Folk som bruger Opera forventer også at tingne ikke virker, da det er en browser som understøtter intet css, og hvis heller ikke javascript, så er den til at dø endnu mere af grin af.

Anyway så benytter jeg også this, i final eksempel :) (lavede en funktion til det)

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	03/05/202613:59
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