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

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!

Synes godt om

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?

Synes godt om

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>

Synes godt om

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>

Synes godt om

heavybreezer Nybegynder

19. september 2003 - 12:33 #4

<CENTER>
<FORM>
<FONT FACE="VERDANA, ARIAL"><B>Choose a background color:</B></FONT> 
<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>

Synes godt om

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

Synes godt om

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"

Synes godt om

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>

Synes godt om

nikolajdu Nybegynder

19. september 2003 - 13:00 #8

Muligvis -

parent.document.body.style.backgroundImage='url('+what+')'

Synes godt om

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.

Synes godt om

nikolajdu Nybegynder

19. september 2003 - 13:08 #10

Det er alt for mange point - Smid et svar og lad os dele :))

Synes godt om

andthegreat Nybegynder

19. september 2003 - 13:27 #11

hm... det må du selv om.

Synes godt om

nikolajdu Nybegynder

19. september 2003 - 13:29 #12

Ja det må jeg og tak for pointene :))

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