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

jaboo Nybegynder

16. oktober 2001 - 13:17 Der er 16 kommentarer og
1 løsning

on the fly ændring af CSS

Kan jeg efter en side er loadet via JavaScript ændre:
TD {
COLOR: #000000;
FONT-FAMILY: verdana,arial,helvetica;
FONT-SIZE: xx-small;
}

I så fald hvordan ?

Synes godt om

nikolajdu Nybegynder

16. oktober 2001 - 13:25 #1

Du kunne gøre sådan her:

<html>
<head>
<STYLE>
.color1 { color:#000000 }
.color2 { color:#00ff00 }
</STYLE>

</script>
<body>
<table>
<tr>
<td name=\"td1\" class=\"color1\" onMouseover=\"this.className=\'color2\'\"

onMouseout=\"this.className=\'color1\'\">
hej hej
</td>
</tr>
</table>

Synes godt om

jaboo Nybegynder

16. oktober 2001 - 13:27 #2

Nej, kan jeg ikke ændre FONT-SIZE ?

Synes godt om

nikolajdu Nybegynder

16. oktober 2001 - 13:27 #3

Du ændre da bare font-size i color2

Synes godt om

nikolajdu Nybegynder

16. oktober 2001 - 13:28 #4

.color1 { color:#000000; font-size: 12px }
.color2 { color:#00ff00; font-size: 20px }

Synes godt om

jaboo Nybegynder

16. oktober 2001 - 13:30 #5

ja men så skal jeg gøre det alle steder. Det ville være noget nemmere at ændre det 1 gang. Det skal bruges til browser optimering :)

Synes godt om

nikolajdu Nybegynder

16. oktober 2001 - 13:32 #6

Hvis du bruger det samme CSS script i alle filer så læg den eksternt og lav et link til den i stedet. Så behøver du kun ændre i én fil.

Synes godt om

jaboo Nybegynder

16. oktober 2001 - 13:37 #7

Vil du dermed mene at det ikke kan lade sig gøre at ændre det \"on the fly\" ?

Synes godt om

nikolajdu Nybegynder

16. oktober 2001 - 13:39 #8

Så vidt jeg ved ikke uden at opdatere siden.

Synes godt om

olebole Juniormester

16. oktober 2001 - 13:40 #9

<ole>
Selvfølgelig kan du ændre dine stylesheets dynamisk. Du skal nok kikke lidt på dokumentationen her:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/removeRule.asp

...og:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/addRule.asp
/mvh
</bole>

Synes godt om

nikolajdu Nybegynder

16. oktober 2001 - 13:42 #10

Ole det lyder IE only agtigt :-)

Synes godt om

jaboo Nybegynder

16. oktober 2001 - 13:53 #11

Ja :( Jeg skal bruge det til Netscape.
Kigger pt her :
http://www.dansteinman.com/dynduo/en/changingstyles.html

Synes godt om

jakoba Nybegynder

16. oktober 2001 - 14:05 #12

I NS4.7 er der adskillige ting du IKKE kan ændre dynamisk.
font-color, font-size oa.

I NS6 kan du godt. på præcis sammen måde som i IE.

Her er en liste over style properties du kan lege med i IE4.0:
de vil ikke alle være aktive for et givet html element.
de fleste af dem hedder nogenlunde det samme som de hedder i et stylesheet.

self.low.document.body.style.background
self.low.document.body.style.backgroundAttachment
self.low.document.body.style.backgroundColor
self.low.document.body.style.backgroundImage
self.low.document.body.style.backgroundPosition
self.low.document.body.style.backgroundPositionX
self.low.document.body.style.backgroundPositionY
self.low.document.body.style.backgroundRepeat
self.low.document.body.style.border
self.low.document.body.style.borderBottom
self.low.document.body.style.borderBottomColor
self.low.document.body.style.borderBottomStyle
self.low.document.body.style.borderBottomWidth
self.low.document.body.style.borderColor
self.low.document.body.style.borderLeft
self.low.document.body.style.borderLeftColor
self.low.document.body.style.borderLeftStyle
self.low.document.body.style.borderLeftWidth
self.low.document.body.style.borderRight
self.low.document.body.style.borderRightColor
self.low.document.body.style.borderRightStyle
self.low.document.body.style.borderRightWidth
self.low.document.body.style.borderStyle
self.low.document.body.style.borderTop
self.low.document.body.style.borderTopColor
self.low.document.body.style.borderTopStyle
self.low.document.body.style.borderTopWidth
self.low.document.body.style.borderWidth
self.low.document.body.style.clear
self.low.document.body.style.clip
self.low.document.body.style.color
self.low.document.body.style.cssText
self.low.document.body.style.cursor
self.low.document.body.style.display
self.low.document.body.style.filter
self.low.document.body.style.font
self.low.document.body.style.fontFamily
self.low.document.body.style.fontSize
self.low.document.body.style.fontStyle
self.low.document.body.style.fontVariant
self.low.document.body.style.fontWeight
self.low.document.body.style.height
self.low.document.body.style.left
self.low.document.body.style.letterSpacing
self.low.document.body.style.lineHeight
self.low.document.body.style.listStyle
self.low.document.body.style.listStyleImage
self.low.document.body.style.listStylePosition
self.low.document.body.style.listStyleType
self.low.document.body.style.margin
self.low.document.body.style.marginBottom
self.low.document.body.style.marginLeft
self.low.document.body.style.marginRight
self.low.document.body.style.marginTop
self.low.document.body.style.overflow
self.low.document.body.style.padding
self.low.document.body.style.paddingBottom
self.low.document.body.style.paddingLeft
self.low.document.body.style.paddingRight
self.low.document.body.style.paddingTop
self.low.document.body.style.pageBreakAfter
self.low.document.body.style.pageBreakBefore
self.low.document.body.style.posHeight
self.low.document.body.style.position
self.low.document.body.style.posLeft
self.low.document.body.style.posTop
self.low.document.body.style.posWidth
self.low.document.body.style.styleFloat
self.low.document.body.style.textAlign
self.low.document.body.style.textDecoration
self.low.document.body.style.textDecorationBlink
self.low.document.body.style.textDecorationLineThrough
self.low.document.body.style.textDecorationNone
self.low.document.body.style.textDecorationOverline
self.low.document.body.style.textDecorationUnderline
self.low.document.body.style.textIndent
self.low.document.body.style.textTransform
self.low.document.body.style.top
self.low.document.body.style.verticalAlign
self.low.document.body.style.visibility
self.low.document.body.style.whiteSpace
self.low.document.body.style.width
self.low.document.body.style.wordSpacing
self.low.document.body.style.zIndex

Synes godt om

jaboo Nybegynder

16. oktober 2001 - 14:05 #13

Det lader til at man ikke kan.
nikolajdu, svar, så deler vi :|

Synes godt om

olebole Juniormester

16. oktober 2001 - 14:13 #14

Ikke IE-only, overhovedet - men på den anden side heller ikke kompatibelt med NS4. Vi er dog ved at være derhenne, hvor selv den aldrende \'The NetScape Warrior\' er ved at gå på \'NS4-pension\' :o)
At få kodet NS4-kompatibelt koster ekstra........en pæn del...! :)

jakoba >> Johhh, men pas dog på - et par af dem er buggy...også i IE4. Ikke mindst \'float\' :(

/mvh

Synes godt om

jumper Nybegynder

17. oktober 2001 - 16:47 #15

olebole >> BUSTED !!1! :D

jaboo > NS4.* understøtter JSSS (JavaScript StyleSheets), ikke CSS (Cascading StyleSheets). Af samme grund skal du bruge JSSS hvis du dynamisk vil ændre på dine styles.

Men hvorfor overhovedet besvære sig med det ?

/Thor

Synes godt om

jumper Nybegynder

17. oktober 2001 - 16:55 #16

jaboo > Men hvis du absolut VIL \"hygge\" dig med NS4.* og styles (hvilket i min mening er spild af tid), kan du jo f.eks. bruge

document.tags.TD.fontSize = \"20px\";

Du kan læse mere om Style objekter i NS4.* på

http://developer.netscape.com/docs/manuals/js/client/jsref/style.htm#1193137

/Thor

Synes godt om

jumper Nybegynder

17. oktober 2001 - 17:00 #17

Og lidt historie-læsning:

http://www.css.nu/articles/About-JSSS.html

/Thor

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

12:00

Ugen i tech: El-kolos kan fragte syv personer over 620 kilometer / Sony er klar med ny kamera-konge: Alpha 1 mk II

22/11

Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse

22/11

Vil købe tele-løsninger til det offentlige for 370 millioner kroner

22/11

Nørgaard: Det er de neuro-divergente originalers tid

22/11

Sker helt åbenlyst: Ansatte i den kinesiske stat sælger borgernes personlige data på hemmelige internet-fora

22/11

Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"

22/11

Derfor bliver den amerikanske tvangs-opdeling af Google nok ikke til noget

22/11

Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen

22/11

Vi har fundet 10 ledige it-stillinger, som du kan søge netop nu

22/11

Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet

22/11

Kombit gør klar til at købe it-konsulenter for 140 millioner kroner - her er planen

Vis flere artikler

IT-JOB

Dynamicweb Software A/S

Solution Tech Lead

DEIF A/S

Technical Lead, Software Architecture

Arbejdernes Landsbank

Salesforce Marketing Cloud tech lead

Netcompany A/S

Microsoft Operations Engineer

PensionDanmark

MS Dynamics-udvikler

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 18:09	Billedoverførsel Af Laurids i iOS, iPhone & iPad
I dag 13:30	Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I dag 13:01	Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I dag 11:40	Fjerne mappe i stifinder Af Peter Olsen i Andet software
I dag 11:27	renteberegning Af Pil i Excel