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
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
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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

26/07

Test: Endelig kan man få en soundbar der lyder godt - og som ikke behøver nogen klodset subwoofer

26/07

Analyse: ”Det største it-nedbrud i historien” viser hvor sårbare dine it-løsninger er - og det vil ske igen

26/07

Nørgaard: Jeg har jo sagt det gang på gang på gang! VMS er det bedste styresystem EVER! Men lytter folk?! Nej, nej og atter nej!

26/07

Kæmpeleverandør til Pentagon hacket: Interne undersøgelser lækket

26/07

Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr

26/07

Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"

26/07

Mød den unge version af den mest elskede seriemorder nogensinde

26/07

AMD opdager cpu-fejl i 11. time: Storstilet lancering udskydes

26/07

Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence

26/07

Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?

26/07

Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"

Vis flere artikler

IT-JOB

Udviklings- og Forenklingsstyrelsen

Underdirektør til modernisering af Skatteforvaltningens It-systemer

Fødevarestyrelsen

Vi søger to dygtige medarbejdere til vores pmo-team

Netcompany A/S

Data Management Consultant

Jyske Bank

Engageret forretningsudvikler søges til Data Warehouse

Sydbank

Teknologi Arkitekt

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 18:09	Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
I dag 17:33	Facebook kopier en tråd Af clausito i Sociale medier
I dag 09:49	Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
I dag 03:28	Inkasso som privat? Af lekor adams i Fri debat
I går 23:51	Frossen cursor Af goglov i PC