Avatar billede andthegreat Nybegynder
19. september 2003 - 12:26 Der er 10 kommentarer og
2 løsninger

Random baggrund

Jeg oprettede et spørgsmål igår, hvor jeg spurgte om at et javascript åbner et random html dokument i en iframe..
Det gjorde mig nysgerrig.
Mit ønske er, at der på min hjemmeside ska være random baggrund, da jeg er træt af den gamle, men ikke ka finde ud af hvilken en jeg skal tage.

Grunden til de høje points, er kravet om at i laver scriptet for mig.

På forhånd tak!
Avatar billede andthegreat Nybegynder
19. september 2003 - 12:28 #1
Jeg fik lige en anden ide!

At der skal laves sådan nogle links, så gæsten, selv kan vælge baggrund!
Kan det lade sig gøre?
Avatar billede keysersoze Guru
19. september 2003 - 12:31 #2
ikke testet - men prøv engang dette;

<html>
<head>
<script type="text/javascript">
bg_arr = new Array("baggrund1.jpg","baggrund2.jpg");
function randomPic()
{
tal = Math.floor(Math.random()*bg_arr.length);
document.style.backgroundImage = 'url(' + bg_arr[tal]; + ')';
}
</script>
</head>
<body onload="randomPic();">
<iframe name="sider"></iframe>
</body>
</html>
Avatar billede nikolajdu Nybegynder
19. september 2003 - 12:32 #3
<form name="f">
<select name="s" onchange="document.body.style.backgroundImage.src = this.options[this.selectedIndex].value">

<option name="b1" value="billede1.jpg">billede1</option>
<option name="b2" value="billede2.jpg">billede2</option>
<option name="b3" value="billede3.jpg">billede3</option>

</select>

</form>
Avatar billede heavybreezer Nybegynder
19. september 2003 - 12:33 #4
<CENTER>
<FORM>
<FONT FACE="VERDANA, ARIAL"><B>Choose a background color:</B></FONT>&nbsp;
<SELECT name="ccGround" size="1" onChange=(document.bgColor=ccGround.options[ccGround.selectedIndex].value)>
<OPTION value="408080" target="1" selected>Cool Green
<OPTION value="C0C0C0" target="1">Cool Grey
<OPTION value="000000" target="1">Black
<OPTION value="730200" target="1">DarkRed
<OPTION value="231800" target="1">Brown
<OPTION value="044302" target="1">DarkGreen
<OPTION value="0D09A3" target="1">Dark Blue
<OPTION value="808040" target="1">Avocado
<OPTION value="800080" target="1">Purple
<OPTION value="444444" target="1">Gray
<OPTION value="FF0400" target="1">Red
<OPTION value="EFE800" target="1">Yellow
<OPTION value="05EF00" target="1">Green
<OPTION value="0206FF" target="1">Blue
<OPTION value="AE08EF" target="1">Violet
<OPTION value="FF8C8A" target="1">Mauve
<OPTION value="FF80FF" target="1">Pink
<OPTION value="FFCCCC" target="1">Peach
<OPTION value="FFCC99" target="1">Orange
<OPTION value="000080" target="1">Darker Blue
<OPTION value="808080" target="1">Dark Grey
<OPTION value="D5CCBB" target="1">Tan
<OPTION value="DDDDDD" target="1">LightGray
<OPTION value="FBFF73" target="1">Light Yellow
<OPTION value="7CFF7D" target="1">LightGreen
<OPTION value="A6BEFF" target="1">Light Blue
<OPTION value="FFFFFF" target="1">White
</SELECT></FORM></CENTER>
Avatar billede andthegreat Nybegynder
19. september 2003 - 12:52 #5
http://spam.frac.dk/ Det er så nikolajdu´s forslag... syntes bare ikke der sker noget :-(
Ka være min host ikke understøtter det der
Avatar billede keysersoze Guru
19. september 2003 - 12:56 #6
Det er fordi du kører det i en iframe - prøv at ændre din onchange til;

onchange="top.document.body.style.backgroundImage.src = this.options[this.selectedIndex].value"
Avatar billede nikolajdu Nybegynder
19. september 2003 - 13:00 #7
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
   
    <script>
    function change(what){
    document.body.style.backgroundImage='url('+what+')'
    }
   
    </script>
</head>

<body>

<form name="f">
<select name="s" onchange="change(this.options[this.selectedIndex].value)">

<option name="b1" value="http://80.162.115.80/h2/pics/1.jpg">billede1</option>
<option name="b2" value="http://80.162.115.80/h2/pics/2.jpg">billede2</option>
<option name="b3" value="http://80.162.115.80/h2/pics/3.jpg">billede3</option>

</select>

</form>

</body>
</html>
Avatar billede nikolajdu Nybegynder
19. september 2003 - 13:00 #8
Muligvis -

parent.document.body.style.backgroundImage='url('+what+')'
Avatar billede andthegreat Nybegynder
19. september 2003 - 13:06 #9
Nu virker det!
Jeg ændrede det til alt hvad du har skrevet nu, samt dit forslag til "muligvis"
Skriv lige et svar så du kan få dine velfortjente points.
Avatar billede nikolajdu Nybegynder
19. september 2003 - 13:08 #10
Det er alt for mange point - Smid et svar og lad os dele :))
Avatar billede andthegreat Nybegynder
19. september 2003 - 13:27 #11
hm... det må du selv om.
Avatar billede nikolajdu Nybegynder
19. september 2003 - 13:29 #12
Ja det må jeg og tak for pointene :))
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