Søg
Avatar billede appel Novice
22. august 2001 - 19:21 Der er 28 kommentarer og
1 løsning

hvordan laver man et baggrundsbillede a´la \"spørg eksperten\"?

hvordan indsætter man et baggrundsbillede a´la \"spørg eksperten\" som kun er fremme når resten af siden bliver loadet?
Avatar billede ricky1 Nybegynder
22. august 2001 - 19:30 #1
det er sikkert et eller andet script som f.eks.
med noget onLoad jeg er ikke helt sikker p hvad den handlers (eller så noget) hedder men bagefter denne noget document.etellerandetspørgjakoba
=blablabla.jpg
Avatar billede ricky1 Nybegynder
22. august 2001 - 19:31 #2
spørgjakoba||lån en bog
Avatar billede appel Novice
22. august 2001 - 19:34 #3
Tjaa det var jo ikke til meget hjælp :-))

Jaaaaaakoooooob Aaaaaaaaaa hvor er du???!!
Avatar billede ricky1 Nybegynder
22. august 2001 - 19:36 #4
hehe hvad med at skrive en mail til ham
Avatar billede prodic Mester
22. august 2001 - 19:41 #5
http://www.dhtmlcentral.com/script/script17.asp -sådan noget der.
Avatar billede ricky1 Nybegynder
22. august 2001 - 19:42 #6
det var da næsten det samme som jeg sagde jeg manglede bare de sidste 117 linier
Avatar billede roenving Novice
22. august 2001 - 19:44 #7
Prøv at kigge i kilden til denne side:

<DIV ID=\"Epreload\" STYLE=\"position:absolute;visibility:show;top:20%;\">
    <SCRIPT TYPE=\"text/javascript\" LANGUAGE=\"JavaScript\">
    <!-- Eksperten.dk --
        if (ns4 || ie4) {
            document.write(\'<CENTER><IMG SRC=\"/images/e_preload.gif\" WIDTH=\"344\" HEIGHT=\"141\" ALT=\"\" BORDER=\"0\"></CENTER>\');
        }
        if (ie4) {
            document.all[\"Epreload\"].style.left = \"30%\";
        }
    // Eksperten.dk -->
    </SCRIPT>
</DIV>

Allersidst i html-koden kaldes en preload()-funktion, hvor jeg gætter på at der bl.a. sker det, at visibility på den div sættes til hidden.

Altså, pricippet er, at du fylder billedet ind i en layer i starten som er vist, når så alt andet er loadet skjuler du det div\'en.

hth
jes
Avatar billede prodic Mester
22. august 2001 - 19:45 #8
:-)
Avatar billede appel Novice
22. august 2001 - 20:28 #9
Jeg nuppede lige til lidt mad, så jeg tester lige de forskellige løsninger.

roenvig --> Ja selvfølgelig!!! :-)
Avatar billede appel Novice
22. august 2001 - 21:19 #10
når jeg prøver at indsætte ekspertens script med en passende sti til et billede der passer får jeg \"siden udført men fejl på siden\" og \"
\"ns4\" er ikke defineret \" , og jeg ser heller ikke baggrundsbilledet.
Avatar billede appel Novice
22. august 2001 - 21:33 #11
roenving --> hmm, hvad søren gør jeg så. Jeg har ikke en hat forstand på JavaScript.
Avatar billede roenving Novice
22. august 2001 - 21:35 #12
Ja, ns4 er defineret i browser-check-script, som sikkert liger i et af de linkede scripts ...

Jeg så fornylig et spm her, som checkede browsere og netop returnerede denne variabel, så det skal selvfølgelig indkorporeres.

hth
jes
Avatar billede roenving Novice
22. august 2001 - 21:44 #13
Sådan noget som:

var ns4 = document.width?true:false;
var ie4 = document.all?true:false;

Det her er jeg ikke helt sikker på -- jeg har set olebole? jakoba? nute? -- en eller anden med en af denne slags meget simple browser-check -- prøv lige denne, den kom efter et *meget* hurtigt kig i min quick-reference.
Avatar billede appel Novice
22. august 2001 - 22:49 #14
det virker!!! Næsten....Jeg skal bare have proppet billedet ind i et layer som er vist i starten som du skriver, men hvordan gøres dette??
Avatar billede appel Novice
22. august 2001 - 22:51 #15
problemet er nemlig at det bliver vist foran alt andet ... så man kan sige at billedet har fået en ret domininerende plads på siden :-)
Avatar billede roenving Novice
22. august 2001 - 23:13 #16
Hvis du kigger på mit første indlæg (hvor jeg henviser til denne side) kan du se, at der er en layer (=<div>) rundt om den script-kode, som laver document.write med billedet.

Aller nederst i din html-kode (eller i <body ... onLoad=\'nogetScript\'>) skal du så:

<script language=\'Javascript\'>
  if (ie4) {
    document.all[\"Epreload\"].style.visibility = \"hidden\"
  } else {
    window.frames[\"Epreload\"].style.visibility = \"hidden\"
  }
</script>

Den der window.frames tror jeg zq er forkert, prøver lige at finde den, men hvis du tester i IE4+, så vkulle det virke OK.

hth
jes
       
Avatar billede roenving Novice
22. august 2001 - 23:21 #17
Quick and dirty (jeg har ikke den store reference under armen):

Hvis du i toppen fjerner \'ns4 ||\' så har du i hvert fald noget, som virker i IE -- så må jeg lige finde den henvisning, som virker med Netscape4+
Avatar billede appel Novice
22. august 2001 - 23:22 #18
Ja det virker fint under IE.
Hvis du kunne finde den helt rigtige kommando ville det være absolut fremragende.
Avatar billede mads_jac Nybegynder
23. august 2001 - 09:56 #19
I style-delen af <div> tagget skal du tilføje z-index:3.

z-index er den tredje dimension - forud går naturligvis x og y.

Mads
Avatar billede roenving Novice
23. august 2001 - 10:03 #20
Ja, det tog lige et stykke tid, før det gik op for mig, hvad det var, der skulle bruges, fordi variablen hedder ns4.

I virkeligehden er det kun ns6, som overhovedet forstår <div>-taggen, så det der skal gøres er noget som virker i ns6+ (og i ie5+), nemlig:

<script language=\'Javascript\'>
  if (ie4) {
    document.all[\"Epreload\"].style.visibility = \"hidden\"
  } else {
    document.getElementById(\"Epreload\").style.visibility = \"hidden\"
  }
</script>

hth
jes
Avatar billede appel Novice
23. august 2001 - 10:22 #21
ok hvis jeg bruger ovenstående script kan jeg altså godt inkludere ns6 på denne måde:

var ns6 = document.width?true:false;
if (ns6 || ie4) {
            document.write(\'<CENTER><IMG SRC=\"/images/indkorings_logo.gif\" WIDTH=\"312\" HEIGHT=\"108\" ALT=\"\" BORDER=\"0\"></CENTER>\');
        }

og slutter af med :
<script language=\'Javascript\'>
  if (ie4) {
    document.all[\"Epreload\"].style.visibility = \"hidden\"
  } else {
    document.getElementById(\"Epreload\").style.visibility = \"hidden\"
  }
</script>

Avatar billede mads_jac Nybegynder
23. august 2001 - 10:38 #22
Jeg mener IE4 forstår getElementByID glimrende. Har desværre ikke en version at tjekke af på.

Min holdning er, at man bør behandle IE4+ og NS6 på samme måde.

Mads
Avatar billede roenving Novice
23. august 2001 - 10:38 #23
Ja, bortset fra at document.width er ns4, så brug f.eks. document.characterSet som er ns6 only.

held og lykke
jes
Avatar billede appel Novice
23. august 2001 - 11:45 #24
ok dvs:

var ns6 = document.characterSet?true:false;

eller ??
Avatar billede roenving Novice
23. august 2001 - 11:47 #25
Jes !!
Avatar billede roenving Novice
23. august 2001 - 11:50 #26
mads_jac>>

I min refernce står der simpelthen:
Compatibility: NN6, IE5, IE5.5
Avatar billede mads_jac Nybegynder
23. august 2001 - 13:29 #27
roenving >> Hvor har du den reference? Den er jeg interesseret i at se - den mangler jeg tit.
Avatar billede appel Novice
23. august 2001 - 13:29 #28
roenving --> jeg syntes du har gjort dig mere end fortjent til dine point :-)
Avatar billede roenving Novice
23. august 2001 - 14:07 #29
Det er:

Danny Goodman: JavaScript Bible, 4th edition, ISBN 0-7645-3342-8

Iøvrigt kan jeg anbefale:
http://developer.netscape.com/docs/manuals/js/core/jsref15/contents.html
og
http://www.echoecho.com/dk/javascript.htm

mvh
jes
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
White papers
Flere white papers »