CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede kgp43 Nybegynder
18. marts 2006 - 13:05 Der er 13 kommentarer og
1 løsning

Load billede sidst

Ved ikke om dette er det korrekte forum.
Øverst på min side har jeg et stort logo, hvordan laver jeg det sådan, at logoet bliver loaded til sidst (når alt andet er færdigt)?
Avatar billede stiness Nybegynder
18. marts 2006 - 13:28 #1
Hvad med det her?:) -Stine

<HTML>
<HEAD>
<SCRIPT>
function js_loadLogo() {
    document.getElementById("LOGO").innerHTML = "<IMG SRC=\"<logo name>\">";
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="java script: js_loadLogo();">
<DIV ID="LOGO" STYLE="height: <logo height>px;"></DIV>
</BODY>
</HTML>
Avatar billede cpufan Juniormester
18. marts 2006 - 13:29 #2
i koden, der hvor logoet er,
kan du udskifte med et kald til en funktion hvis eneste funktion er at vise logo.


funktionen ligger du sidst i din html-kode
Avatar billede kgp43 Nybegynder
18. marts 2006 - 14:04 #3
cpufan: Ved intet om JS, så ville være rart med lidt hjælp til funktionen ;)
Avatar billede mclemens Nybegynder
18. marts 2006 - 17:51 #4
kgp43> stiness burde virke for dig prøv det lige...
(det cpufan skriver er det samme som stiness bortset fra at stiness løsning er lidt nemmere ;) at gå til og de virker begge på samme måde)

<html><head><script language="javascript">
function js_loadLogo(){
document.getElementById("logo").innerHTML="<img src=\"abc.jpg\" />";
}
</script></head>

<body onload="js_loadLogo();">
<div id="logo"></div>
</body></html>
Avatar billede mclemens Nybegynder
18. marts 2006 - 17:56 #5
div fungerer som en slags "container" i stiness eksempel, hvor funtionen onLoad i body gør, at når body'en er fuld loadet i browseren så udføres handlingen ( stiness funktion kaldes).

Stiness funktion indskriver <img src="eteller.andet"> i en div med id="LOGO" eller en td med id="LOGO" o.s.v....
- Det opfanger browseren og går herefter igang med at hente billedet.
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:13 #6
Det virker ikke rigtigt.
Ser ud som om at den loader logoet som den plejer, men så begynder igen senere (altså to gange).



<div id="toplogo"><a href="/"><img src="img/download_logo.gif" border="0"></a></div>
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:13 #7
<script language="javascript">
function js_logoload(){
document.getElementById("toplogo").innerHTML="<img src=\"img/download_logo.gif\" />";
}
</script>
</head>

<body onload="js_logoload();">
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:18 #8
Nu virker det :)

<script language="javascript">
function js_logoload(){
document.getElementById("toplogo").innerHTML="<a href=\"/\"><img src=\"img/download_logo.gif\" border=\"0\"/></a>";
}
</script>


<div id="toplogo"></div>
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:19 #9
Stiness og mclemens: Ligger i et svar så er der point.
(stiness for koden og mclemens for forklaringen)
Avatar billede mclemens Nybegynder
18. marts 2006 - 18:26 #10
nej, stiness fortjener det hele ;)
- forklaringen var gratis ;)
Avatar billede stiness Nybegynder
19. marts 2006 - 11:39 #11
:D
Avatar billede kgp43 Nybegynder
19. marts 2006 - 16:10 #12
takker for hjælpen.
Avatar billede roenving Novice
20. marts 2006 - 01:10 #13
-- jeg ville selv benytte mig af et tomt img-tag, som kun manglede at få indsparket en src:

<img src="" id="logoimage" style="height:33px;">

<script type="text/javascript">
  window.onload = function(){
    document.getElementById("logoimage").src = "img/download_logo.gif";
  }
</script>

-- bl.a. for at undgå at få problemer, hvis en eller anden fandt på at kopiere det til et ægte xhtml-dokument (og så måske indsætte et dummy-logo, som var _meget_ hurtigt at downloade, f.eks. en simpel gif med simpel tekst: 'loading logo' !-)
Avatar billede kgp43 Nybegynder
20. marts 2006 - 02:08 #14
det var bedre
takker mange gange
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 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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
3 min siden omarrangering af skærme Af jcr18 i Skærme
I går 11:41 Windows 10 : Ikke kopiere tekst med Firefox. Men gerne med Opera. Af Ikke-ekspert i Browsere
27/0718:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
27/0717:33 Facebook kopier en tråd Af clausito i Sociale medier
27/0709:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Læs mere »
Sådan får du overblik og beskytter dine cloudapplikationer
SASE: Træf det rette valg – første gang
Opdag fordelene ved cloud-baseret backup og recovery
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »