---
title: "Visa \"Laddar...\" tills dess att innehållet laddat färdigt!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/166975-visa-laddar-tills-dess-att-innehållet-laddat-färdigt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "oskars"
published: "2007-12-05T07:41:17.000Z"
updated: "2007-12-05T13:53:37.000Z"
replies: 6
views: 705
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/166975-visa-laddar-tills-dess-att-innehållet-laddat-färdigt"
---

# Visa "Laddar..." tills dess att innehållet laddat färdigt!

## #1 — oskars, 2007-12-05T07:41Z

\*hoppas på att jag postar i rätt forum, hoppas på att jag postar i rätt forum\*

Hej på er :e

Jo, jag har ett liten fråga. Jag har en iframe (jag vet. Fyyyy, men det är till en intern applikation, och det lämpar sig väldigt bra iframe för detta), och i denna laddas en sida med ett par SQL-frågor som tar ganska lång tid att ladda (typ 3-4 sekunder), och jag önskar att det visas en typ "Laddar..."-text innan sidan är färdig, så att användaren förstår att någonting kommer att dyka upp inom kort, och inte bara klickar vidare sig! Det är ASP och MySQL som jag använder, fast jag tror inte att det har något med saken att göra dock! Men kanske javascript vill hjälpa mig?

Går detta att lösa på ett bra och smidigt sätt?

Vore hemskt tacksam för hjälp!

Mvh
Oskar

Permalänk: https://www.webforum.nu/p/166975

## #2 — inspiro, 2007-12-05T07:48Z

Om du har möjlighet att nyttja AJAX så kan du använda en updateprogress control, riktigt fiffig. Mer information hittar du här:

<http://www.asp.net/AJAX/Documentation/Live/tutorials/UpdateProgressTutorials.aspx>

Edit. Såg att du skrev asp, jag tänkte på asp.net och det är ju en annan sak. I så fall kan du inte använda ajax, var lite för snabb där.

Permalänk: https://www.webforum.nu/p/2058977

## #3 — Danne V, 2007-12-05T08:01Z

Ett ganska enkelt och opretentiöst (men likafullt väldigt bra) sätt är att täcka hela sidan med en absolut positionerad div med en bakgrundsfärg och texten "laddar sidan...".

I koden lägger man den direkt efter \<body\>

Åsså i bodytaggen har man lagt ett javascript som gör divven "hide" på "onLoad" (om jag inte minns helt fel).

Vad som händer då är att divven lägger sig över hela sidan och täcker den, men försvinner när hela sidan laddat färdigt. Finessen är bl.a. att man INTE lägger in en loadbar eller nåt, eftersom den ska vara så extremt snabbladdad som bara möjligt.

Permalänk: https://www.webforum.nu/p/2058979

## #4 — oskars, 2007-12-05T08:07Z

inspiro, fast jag kan väl använda AJAX även fast jag inte kör ASP.NET? :)

Danne, det där sa Google också, men jag får det inte att fungera, allt innehåll visas ändå bara när SQL-frågan är färdig:

```
<html>
<head>
</head>
<body onload="document.all.hidepage.style.visibility = 'hidden';">
<div id="hidepage"> 
	page loading ... please wait.
</div> 

*** CONTENT ***

</body>
</html>
```

Permalänk: https://www.webforum.nu/p/2058981

## #5 — oskars, 2007-12-05T08:30Z

Jaha, nu förstod jag! Jag var tvungen att lägga preload-scriptet på sidan som INNEHÅLLER iframen, inte sidan som ska vara I iframen :)

Tack för hjälpen!

Permalänk: https://www.webforum.nu/p/2058988

## #6 — Danne V, 2007-12-05T13:44Z

> **oskars skrev:**
>
> Jaha, nu förstod jag! Jag var tvungen att lägga preload-scriptet på sidan som INNEHÅLLER iframen, inte sidan som ska vara I iframen :)
> 
> Tack för hjälpen!

Eehhh... det tänkte faktiskt inte jag heller på. Jag tänkte mig att divven skulle in i sidan som laddar i iframen. Va bra att du löste det trots det!  (y)

Permalänk: https://www.webforum.nu/p/2059033

## #7 — oskars, 2007-12-05T13:53Z

:) Yes, jag tycker ändå att vi tänkte rätt :D

Permalänk: https://www.webforum.nu/p/2059036

---

Tråden på webben: https://www.webforum.nu/amne/html-css/166975-visa-laddar-tills-dess-att-innehållet-laddat-färdigt
