Avatar billede cecil Nybegynder
15. juli 2001 - 22:54 Der er 19 kommentarer og
1 løsning

Hvordan laver jeg en baggrund?

Hej venenr

Mange hjemmesider - bl.a. denne hvor det er en blå baggrund -har en side som vises mens en ny side loades.

Hvordan laves det?
Avatar billede speedy Nybegynder
15. juli 2001 - 23:03 #1
Man kan f.eks. lave et layer, som er synligt fra start, og resten af siden skal også ligge i et layer, som er usynligt. Så gør du siden synlig i BODY\'ens onLoad, og det første layer laver du usynligt.

/SpEeDy
Avatar billede speedy Nybegynder
15. juli 2001 - 23:07 #2
eksempel:

<HTML>
<HEAD>
<TITLE>Halløj</TITLE>
</HEAD>
<BODY onLoad=\"document.getElementById(\'siden\').style.visibility = \'visible\'; document.getElementById(\'loading\').style.visibility = \'hidden\';\">
<DIV id=\"loading\" style=\"visibility: visible;\">
    Loading....
</DIV>

<DIV id=\"siden\" style=\"visibility: hidden;\">
    Din side
</DIV>
</BODY>
</HTML>

/SpEeDy
Avatar billede cecil Nybegynder
15. juli 2001 - 23:07 #3
Det lyder ikke nemt
Avatar billede speedy Nybegynder
15. juli 2001 - 23:09 #4
FEJL. Brug følgende:

<HTML>
<HEAD>
<TITLE>Halløj</TITLE>
</HEAD>
<BODY onLoad=\"document.getElementById(\'siden\').style.visibility = \'visible\'; document.getElementById(\'loading\').style.visibility = \'hidden\';\">
<DIV id=\"loading\" style=\"visibility: visible; position:absolute;\">
    Loading....
</DIV>

<DIV id=\"siden\" style=\"visibility: hidden;\">
    Din side
</DIV>
</BODY>
</HTML>
Avatar billede speedy Nybegynder
15. juli 2001 - 23:10 #5
Du erstatter bare teksten \"Din side\" med indholdet af din side, og \"Loading...\" med det der skal være mens siden hentes.

Ikke særlig svært :)

/SpEeDy
Avatar billede razmuz_dk Nybegynder
16. juli 2001 - 00:55 #6
document.getElementById(\'siden\').style.visibility = \'visible\';

Det er da ingen grund til ? - bare gør sådan div=\"loading\" lægger øverst? :)))

*S*, Bare et forslag, har ik\' den vilde forstand på JS.
Avatar billede speedy Nybegynder
16. juli 2001 - 10:11 #7
jamen så skal loading siden også fylde hele skærmen, eller bare være større end siden. Det slipper man for at tænke på med denne metode.

cecil>>Hvad siger du ? Kan du få det til at virke ?

/SpEeDy
Avatar billede cecil Nybegynder
16. juli 2001 - 10:42 #8
Hej Speedy

Jeg kan ikke få det til at virke. Det virker ellers meget fornuftigt. I koden står der \'siden\'. Skal det forblive sådan?

Min side er i et frame kan det have nogen betydning?
Avatar billede speedy Nybegynder
16. juli 2001 - 11:04 #9
Må jeg se HELE din kode med framesets osv ?

/SpEeDy
Avatar billede cecil Nybegynder
16. juli 2001 - 11:42 #10
Hej SpEeDy

Ja du må. Men der er mange sider. Har lavet denne lille test.

<HEAD>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\">
</HEAD>

<BODY  onLoad=\"document.getElementById(\'siden\').style.visibility = \'visible\'; document.getElementById(\'C:/baggrund.htm\').style.visibility = \'hidden\';\" BGCOLOR=\"#FFFFCC\" TEXT=\"#000000\" >


<DIV id=\"C:/baggrund.htm\" style=\"visibility: visible; position:absolute;\">
</DIV>
<DIV id=\"siden\" style=\"visibility: hidden;\">
<IMG SRC=\"hemmelig.jpg\" BORDER=\"0\" WIDTH=\"1600\" HEIGHT=\"1200\" ALT=\"\">
Her er et billed af min bror
</DIV>
</BODY>

Hvor jeg på C drevet har lagt følgende som heder baggrund.htm:

<HEAD>
<!-- Minus AutoDato -->
<TITLE>baggrund</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\">
</head>


<BODY BGCOLOR=\"#000000\" TEXT=\"##F5DEa3\" >

<TABLE WIDTH=\"100%\" HEIGHT=\"100%\" BORDER=\"0\">
<TR ALIGN=\"center\">
    <TD><B><FONT SIZE=\"+3\"  COLOR=\"#000000\">Henter</FONT><BR> <FONT SIZE=\"+4\" COLOR=\"#FF0000\" >www.both.dk</FONT><BR><FONT  COLOR=\"#000000\" SIZE=\"+3\">vent et øjeblik</FONT></B></TD>
</TR>
</TABLE>


</BODY>

Jeg har også prøvet det på nettet men uden held.

Avatar billede speedy Nybegynder
16. juli 2001 - 12:53 #11
denne stump du skriver:

<DIV id=\"C:/baggrund.htm\" style=\"visibility:
visible; position:absolute;\">
</DIV>

i ID skal der ikke stå stien til loading-filen. Der skal stå f.eks. som jeg skrev \"loading\",

og så i mellem de to DIV-tags, skal du lave indholdet af loading-siden

Er du med ?

ellers spørg igen :)

/SpEeDy
Avatar billede speedy Nybegynder
16. juli 2001 - 12:57 #12
Dette er den Fulde kode til den side du har beskrevet ovenfor, der er altså KUN en html-fil:

<HEAD>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\">
</HEAD>

<BODY  onLoad=\"document.getElementById(\'siden\').style.visibility = \'visible\'; document.getElementById(\'loading\').style.visibility = \'hidden\';\" BGCOLOR=\"#FFFFCC\" TEXT=\"#000000\" >


<DIV id=\"loading\" style=\"visibility: visible; position:absolute;\">

<TABLE WIDTH=\"100%\" HEIGHT=\"100%\" BORDER=\"0\">
<TR ALIGN=\"center\">
    <TD><B><FONT SIZE=\"+3\"  COLOR=\"#000000\">Henter</FONT><BR> <FONT SIZE=\"+4\" COLOR=\"#FF0000\" >www.both.dk</FONT><BR><FONT  COLOR=\"#000000\" SIZE=\"+3\">vent et øjeblik</FONT></B></TD>
</TR>
</TABLE>


</DIV>
<DIV id=\"siden\" style=\"visibility: hidden;\">
<IMG SRC=\"hemmelig.jpg\" BORDER=\"0\" WIDTH=\"1600\" HEIGHT=\"1200\" ALT=\"\">
Her er et billed af min bror
</DIV>
</BODY>



Prøv dette om det ikke virker....

/SpEeDy
Avatar billede cecil Nybegynder
16. juli 2001 - 13:46 #13
Hej SpEeDy

OK. Nu virker det. Nu er mit problem bare at min hjemmeside fylder 50 sider. Kender du en smart løsning?

Og så tak for hjælpen.

Søren
Avatar billede speedy Nybegynder
16. juli 2001 - 14:08 #14
er det html ?

eller bruger du php/asp ??
Avatar billede cecil Nybegynder
16. juli 2001 - 14:09 #15
Det er html
Avatar billede speedy Nybegynder
16. juli 2001 - 14:12 #16
så ved jeg desværre ikke hvad du kan gøre :(

/SpEeDy
Avatar billede cecil Nybegynder
16. juli 2001 - 14:17 #17
Og hvis jeg brugte asp?
Avatar billede speedy Nybegynder
16. juli 2001 - 14:21 #18
så kunne du include dine filer mellem div\'en som indeholder siden.

/SpEeDy
Avatar billede cecil Nybegynder
16. juli 2001 - 14:26 #19
Tak for hjælpen

Avatar billede speedy Nybegynder
16. juli 2001 - 14:26 #20
det var så lidt :)

/SpEeDy
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