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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Farveskift med "button" enheden
Fra : Jens Weber Nielsen


Dato : 27-11-07 21:29

Hej folkens!

Jeg er lidt ny til det med webdesign har været i gang cirka 1,5
måned, men altså jeg tænkte på om den her kode kan modificeres så
den også kan ændre tekstfarve? Jeg har prøvet selv men det
virkede ikke, håber der er nogen der kan hjælpe mig.

<input type="button" onclick="document.bgColor='#DDDDDD'"
name="skift" value="White Theme">

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

 
 
Jørgen Farum Jensen (27-11-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 27-11-07 22:10

Jens Weber Nielsen skrev:
> Hej folkens!
>
> Jeg er lidt ny til det med webdesign har været i gang cirka 1,5
> måned, men altså jeg tænkte på om den her kode kan modificeres så
> den også kan ændre tekstfarve? Jeg har prøvet selv men det
> virkede ikke, håber der er nogen der kan hjælpe mig.
>
> <input type="button" onclick="document.bgColor='#DDDDDD'"
> name="skift" value="White Theme">
>

document har ingen egenskab, der hedder bgColor.
For at ændre baggrundsfarven på et element skal
du bruge backgroundColor egenskaben ved style-
objektet:
document.getElementById('krop').style.backgroundColor='#dddddd';
der forudsætter at din body-markør har en id="krop":
<body id="krop">

Det, du ønsker, kan så udføres med
<p><button
onclick="skiftBaggrundsFarve()">
Skift farve</button></p>

og følgende funktion i head-delen af
din side:
function skiftBaggrundsFarve() {
document.getElementById('krop').style.backgroundColor='#ffffff';
}
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Jens Weber Nielsen (28-11-2007)
Kommentar
Fra : Jens Weber Nielsen


Dato : 28-11-07 14:21

> document har ingen egenskab, der hedder bgColor.
> For at ændre baggrundsfarven på et element skal
> du bruge backgroundColor egenskaben ved style-
> objektet:
> document.getElementById('krop').style.backgroundColor='#dddddd';
> der forudsætter at din body-markør har en id="krop":
> <body id="krop">
>
> Det, du ønsker, kan så udføres med
> <p><button
> onclick="skiftBaggrundsFarve()">
> Skift farve</button></p>
>
> og følgende funktion i head-delen af
> din side:
> function skiftBaggrundsFarve() {
> document.getElementById('krop').style.backgroundColor='#ffffff';
> }
> --
>
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
> ..

Koden virker men kan man også lave en der styrer tekstfarve?

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

Jørgen Farum Jensen (28-11-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 28-11-07 14:37

Jens Weber Nielsen skrev:
>> document har ingen egenskab, der hedder bgColor.
>> For at ændre baggrundsfarven på et element skal
>> du bruge backgroundColor egenskaben ved style-
>> objektet:
>> document.getElementById('krop').style.backgroundColor='#dddddd';
>> der forudsætter at din body-markør har en id="krop":
>> <body id="krop">
>>
>> Det, du ønsker, kan så udføres med
>> <p><button
>> onclick="skiftBaggrundsFarve()">
>> Skift farve</button></p>
>>
>> og følgende funktion i head-delen af
>> din side:
>> function skiftBaggrundsFarve() {
>> document.getElementById('krop').style.backgroundColor='#ffffff';
>> }
>> --
>>
>> Med venlig hilsen
>> Jørgen Farum Jensen
>> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
>> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
>> ..
>
> Koden virker men kan man også lave en der styrer tekstfarve?
>

document.getElementById('krop').style.color='#ff0000';

Men hvorfor? Kan du ikke nøjes med at sætte dokumentets
farver i et stylesheet:

body {color:#ff0000;background-color:#ff0000;}

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Jens Weber Nielsen (28-11-2007)
Kommentar
Fra : Jens Weber Nielsen


Dato : 28-11-07 16:25

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Jens Weber Nielsen skrev:
> >> document har ingen egenskab, der hedder bgColor.
> >> For at ændre baggrundsfarven på et element skal
> >> du bruge backgroundColor egenskaben ved style-
> >> objektet:
> >> document.getElementById('krop').style.backgroundColor='#dddddd';
> >> der forudsætter at din body-markør har en id="krop":
> >> <body id="krop">
> >>
> >> Det, du ønsker, kan så udføres med
> >> <p><button
> >> onclick="skiftBaggrundsFarve()">
> >> Skift farve</button></p>
> >>
> >> og følgende funktion i head-delen af
> >> din side:
> >> function skiftBaggrundsFarve() {
> >> document.getElementById('krop').style.backgroundColor='#ffffff';
> >> }
> >> --
> >>
> >> Med venlig hilsen
> >> Jørgen Farum Jensen
> >> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> >> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
> >> ..
> >
> > Koden virker men kan man også lave en der styrer tekstfarve?
> >
>
> document.getElementById('krop').style.color='#ff0000';
>
> Men hvorfor? Kan du ikke nøjes med at sætte dokumentets
> farver i et stylesheet:
>
> body {color:#ff0000;background-color:#ff0000;}
>
> --
>
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
> ..

Øhh? Jeg er altså rimelig ny til kodning og det der, jeg tænkte bare på
om nogen havde en færdig kode der kunne ændre tekstfarven.

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

Philip Nunnegaard (28-11-2007)
Kommentar
Fra : Philip Nunnegaard


Dato : 28-11-07 17:02

> Øhh? Jeg er altså rimelig ny til kodning og det der, jeg tænkte bare på
> om nogen havde en færdig kode der kunne ændre tekstfarven.

Færdig kode kan du ikke forvente at få her.
Du kan forvente at få hjælp til selv at lave den færdige kode.


Philip Nunnegaard (28-11-2007)
Kommentar
Fra : Philip Nunnegaard


Dato : 28-11-07 17:02

> Men hvorfor? Kan du ikke nøjes med at sætte dokumentets
> farver i et stylesheet:
>
> body {color:#ff0000;background-color:#ff0000;}

Jeg tror, at han mener, at han gerne vil kunne ændre både baggrunds- og
tekstfarve ved et tryk på knappen. Altså at den starter med at have én
farve - og derefter en ny farve ved trykket.
Det kan ovenstående kode vist ikke klare.

Jeg kan desværre ikke selv hjælpe her, da vi er ovre i noget javascript, som
ikke er min stærke side.


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