/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Ændre CSS-classes
Fra : Jonas Schmeltz Aaber~


Dato : 24-08-03 19:11

Hvordan kan man - i JavaScript vel at mærke - ændre værdierne i
min class i <style>...</style>??
Eks.:
<style>
klasse1 {
color: red;
}
</style>
Hvor man i "klasse1" ændrer "color" fra "red" til fx "blue"...
Jeg er IKKE interesseret i at oprette flere classes og så skifte
imellem disse!

MVH Jonas (aka Juke)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Johan Holst Nielsen (24-08-2003)
Kommentar
Fra : Johan Holst Nielsen


Dato : 24-08-03 21:29

Jonas Schmeltz Aaberg wrote:
> Hvordan kan man - i JavaScript vel at mærke - ændre værdierne i
> min class i <style>...</style>??
> Eks.:
> <style>
> klasse1 {
> color: red;
> }
> </style>
> Hvor man i "klasse1" ændrer "color" fra "red" til fx "blue"...
> Jeg er IKKE interesseret i at oprette flere classes og så skifte
> imellem disse!

--- CSS ---
#klasse1 {
color : red;
}
-----------

---Javascript---
document.getElementById("klasse1").style.color='blue';
----------------

mvh
Johan


Jonas Schmeltz Aaber~ (24-08-2003)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 24-08-03 19:31

> document.getElementById("klasse1").style.color='blue';

Overdejligt!
Tusind tak for den hurtige hjælp!

MVH Jonas (aka Juke)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jonas Schmeltz Aaber~ (24-08-2003)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 24-08-03 19:49

Kan se, jeg fik takket lidt for hurtigt, for hvad der egentlig
bliver ændret er selve HTML-elementets style-egenskab, og ikke
selve klassen (CLASS, ikke ID)...
Desværre...

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Reichstein Nie~ (24-08-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 24-08-03 20:55

Jonas Schmeltz Aaberg <julledyret@e-mail.dk> writes:

> Hvordan kan man - i JavaScript vel at mærke - ændre værdierne i
> min class i <style>...</style>??

Det kan man ikke i alle browsere.

I IE kan det gøres ved:

document.styleSheets[0].rules[0].style.color = "blue";

.... hvis altså dit style-tag er det første på siden,
og reglen er den første i stylesheetet.

På samme måde kan man i Mozilla gøre det ved
document.styleSheets[0].cssRules[0].style.color = "blue";

Jeg kender ikke til andre browsere hvor det kan gøres.

Hvis du vil finde de regler der netop har selectoren "klasse1", så
skal du gennemløbe alle stylesheets og rules:

var sheets = document.styleSheets;
for (var i = 0; i < sheets.length; i++) {
var rules = sheets[i].cssRules || sheets[i].rules;
for (var j = 0; j < rules.length; j++) {
if ( rules[i].selectorText == "klasse1" ) {
rules[i].style.color = "blue";
}
}
}

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Jonas Schmeltz Aaber~ (26-08-2003)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 26-08-03 18:55

Mange tak!
Var lige hvad jeg havde brug for! :)

MVH Jonas (aka Juke)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Stig Nygaard (25-08-2003)
Kommentar
Fra : Stig Nygaard


Dato : 25-08-03 17:24

Hej Jonas


Jonas Schmeltz Aaberg wrote:
> Hvordan kan man - i JavaScript vel at mærke - ændre værdierne i
> min class i <style>...</style>??
> Hvor man i "klasse1" ændrer "color" fra "red" til fx "blue"...
> Jeg er IKKE interesseret i at oprette flere classes og så skifte
> imellem disse!

Tag et kig på http://www.xs4all.nl/~ppk/js/index.html?/~ppk/js/w3c_css.html

Bemærk at der er to forskellige måder at gøre det på. Internet Explorer
måden og W3C DOM standarden. Så du bør understøtte begge metoder, og
"sniffe" dig frem til om aktuelle browser understøtter den ene eller
anden metode.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Stig Nygaard (25-08-2003)
Kommentar
Fra : Stig Nygaard


Dato : 25-08-03 17:25

Hej


Stig Nygaard wrote:
> Tag et kig på http://www.xs4all.nl/~ppk/js/index.html?/~ppk/js/w3c_css.html

Hov, jeg var lidt langsom. Lasse havde allerede forklaret det hele


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Jonas Schmeltz Aaber~ (26-08-2003)
Kommentar
Fra : Jonas Schmeltz Aaber~


Dato : 26-08-03 18:51


> Hov, jeg var lidt langsom. Lasse havde allerede forklaret det hele

Tak alligevel ;)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste