Avatar billede s Nybegynder
16. september 1999 - 18:38 Der er 2 kommentarer og
1 løsning

Baggrundsfarve i DHTML

I DHTML sætter man baggrundsfarven med
{
    background-color : #000080;
}
Hvis man ikke har sat den men først vil have den sat under en JavaScript-hændelse eller man vil have den ændret hvordan gør man så det?????
Avatar billede prdk Nybegynder
16. september 1999 - 20:12 #1
Så'n cirka:

<html>
<head>
<title>BG skift</title>
<style>
BODY{background-color:white}
</style>

<script>function skift(farve){
if(document.all)eval('document.body.style.backgroundColor ="'+farve+'"')
if(document.layers)eval('document.bgColor="'+farve+'"')
}
</script>
</head>
<body>
<a href="#" onclick="skift('yellow')">Skift til gul</a>

</body>
</html>
Avatar billede s Nybegynder
16. september 1999 - 20:38 #2
Jeg mener bare at sætte en baggrundsfarve på en lille del af siden. En <div> tag.
Avatar billede prdk Nybegynder
16. september 1999 - 21:35 #3
Samme princip ... og næsten identisk kode - denne er stjålet fra www.bratta.com, det var ham, der inspirerede mig til at begynde på DHTML:

<html>
<head>
    <title>Cross-browser DHTML - BgChange Script</title>
<style>
BODY{background-color:white}
DIV{font-family:arial,helvetica; font-size:10pt}
</style>
<script>
/**********************************************************************
This script is made by and copyrighted to Thomas Brattli
at www.bratta.com and may be used freely as long as this
message is left intact.
Visit www.bratta.com for more great scripts.
(this script works in 4.x or newer browsers ONLY but degrades)
**********************************************************************/
function changeBc(div,color){
    if(document.all)eval('document.all.'+div+'.style.backgroundColor="'+color+'"')
    if(document.layers)eval('document.layers.'+div+'.bgColor="'+color+'"')
}
</script>
</head>
<body>
<div id="div1" style="position:absolute; width:300; top:120; left:200"><a href="#" onclick="changeBc('div1','red')">change me to red background</a> - <a href="#" onclick="changeBc('div1','white')">changeback</a></div>

<div id="div2" style="position:absolute; width:300; ; top:150; left:200; height:100; clip:rect(0,300,100,0)"><a href="#" onclick="changeBc('div2','silver')">Skift til grå</a> (this one has a clip to show how it can cover a spesified area in both browsers, look in the style tag)</div>
</body>
</html>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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