---
title: "Visa skylt medans sidan laddas i annan frame"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/91077-visa-skylt-medans-sidan-laddas-i-annan-frame"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ironhead"
published: "2003-11-23T19:29:33.000Z"
updated: "2003-11-27T14:11:19.000Z"
replies: 13
views: 357
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/javascript/91077-visa-skylt-medans-sidan-laddas-i-annan-frame"
---

# Visa skylt medans sidan laddas i annan frame

## #1 — ironhead, 2003-11-23T19:29Z

Halloj!
Jag har en "skylt" som visas när ett formulär postas...tills nästa sida laddas

```
    <STYLE type="text/css">
    <!--
         #wait { position:absolute; top:150px; left:200px; visibility:hidden}
	 .highlight_menu{color:white;background-color:red}
         .markup{font-size=11;color:black;background-color:#99CCFF}
         Q.docinfo_title{font-size=11;font-weight=bold;color:black}
         Q.docinfo_value{font-size=10;color:black}
         Q.visited_url{font-size=10;color:black;background-color:yellow}
         
    -->
    </STYLE>

<SCRIPT LANGUAGE="JavaScript">
        
    function ShowWaitSign() {
      this.wait.style.visibility='visible';
    }
         </SCRIPT>

<body>
<table>
<tr>
<td>ölkjölkjölkjölkj</td>
</tr>
</table>
<form>
<input type=submit onclick="ShowWaitSign()" value="Sök">
</form>

<DIV ID="wait">
    <TABLE WIDTH=200 HEIGHT=70 BORDER=1 BGCOLOR="#D0D0D0">
      <TR>
        <TD ALIGN=CENTER>
          <B id=label_id name=label_name>Vänta... Laddar sidan</B>
          <IMG SRC="searching.gif"></IMG>
        </TD>
      </TR>
    </TABLE>
  </DIV>
</body>
```

 
Problemet är att jag vill att denna ruta ska laddas från en länk i en annan "ram"...hur ska man bära sig åt då?

Kan man visa en ruta direkt när sidan laddas & stänga ner den när sidan laddats klart?

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

## #2 — Jesper T, 2003-11-23T20:03Z

Något sådant här då?:

```
parent.document.getElementById('wait').style.visibility='visible';
```

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

## #3 — ironhead, 2003-11-23T21:47Z

Jag får bara "object required" på:

menu:

```
<a href="b.htm" onclick="parent.document.getElementById('wait').style.visibility='visible';" target="main">test</a>
```

frame:

```
<frameset rows="45,*">  
<frame name="menu" src="menu.htm">  
<frame name="main" src="a.htm">
</frameset>
```

b.htm:

```
    <STYLE type="text/css">
    <!--
         #wait { position:absolute; top:150px; left:200px; visibility:hidden}
	 .highlight_menu{color:white;background-color:red}
         .markup{font-size=11;color:black;background-color:#99CCFF}
         Q.docinfo_title{font-size=11;font-weight=bold;color:black}
         Q.docinfo_value{font-size=10;color:black}
         Q.visited_url{font-size=10;color:black;background-color:yellow}
         
    -->
    </STYLE>

<SCRIPT LANGUAGE="JavaScript">
        
    function ShowWaitSign() {
      this.wait.style.visibility='visible';
    }
         </SCRIPT>

<body>
<DIV ID="wait">
    <TABLE WIDTH=200 HEIGHT=70 BORDER=1 BGCOLOR="#D0D0D0">
      <TR>
        <TD ALIGN=CENTER>
          <B id=label_id name=label_name>Vänta... Laddar sidan</B>
          <IMG SRC="searching.gif"></IMG>
        </TD>
      </TR>
    </TABLE>
  </DIV>
</body>
```

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

## #4 — Jesper T, 2003-11-24T08:45Z

Testa detta då:

```
<a href="#" onclick="parent.frames.main.document.getElementById('wait').style.visibility='visible';">test</a>
```

Konstigt är att du i framesetet skriver att sidan heter "a.htm" och i inlägget skriver att sidan heter "b.htm", vad gäller?

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

## #5 — Cheguelin, 2003-11-24T09:08Z

Vad är href-tagen bra till? Man ska inte skriva #.

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

## #6 — Jesper T, 2003-11-24T09:19Z

Ta bort den då.
Och motivera gärna ditt inägg.

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

## #7 — ironhead, 2003-11-25T09:38Z

> Konstigt är att du i framesetet skriver att sidan heter "a.htm" och i inlägget skriver att sidan heter "b.htm", vad gäller?

Initialsidan heter a.htm men när jag klickar på länken i menyn som ska aktivera "skylten" heter b.htm

Kan man göra så att man bara har "skylten" aktiv på den sidan man laddar när den håller på att laddas för att sedan släckas ner när sidan laddats klart?

För visar man "skylten" med onLoad så visas den efter det att sidan laddas klart. Sidan innehåller nämligen ASP-kod.

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

## #8 — Jesper T, 2003-11-25T09:48Z

Du kan testa att lägga in ett scriptblock i slutet på sidan som skall laddas:

```
<script>parent.frames.main.document.getElementById('wait').style.visibility='hidden';</script>
```

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

## #9 — ironhead, 2003-11-25T11:34Z

Tack Jesper...det funkar bra.

Nu Har jag dock en sida till som jag surfar direkt till och skulle vilja att "skylten" visades på den sidan när den laddas och släcks när den laddat klart...

Hinner Javascriptet visa skylten innan ASP körs?

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

## #10 — Jesper T, 2003-11-25T11:45Z

Ja, visst om du lägger javascriptet först så skall det inte vara några problem.

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

## #11 — ironhead, 2003-11-25T12:52Z

Får bara object required igen :(
Ska man skriva på nåt annat sätt när det är på samma sida?

Har nu detta:

```
<STYLE type="text/css">
<!--
	#wait { position:absolute; top:150px; left:200px; visibility:hidden}
	 .highlight_menu{color:white;background-color:red}
	 .markup{font-size=11;color:black;background-color:#99CCFF}
     Q.docinfo_title{font-size=11;font-weight=bold;color:black}
     Q.docinfo_value{font-size=10;color:black}
     Q.visited_url{font-size=10;color:black;background-color:yellow}    
-->
</STYLE>

<script>document.getElementById('wait').style.visibility='visible';</script>

<body>

<table>
<tr>
<td>test</td>
</tr>
</table>

<script>document.getElementById('wait').style.visibility='hidden';</script>
</body>

<DIV ID="wait">
    <TABLE WIDTH=200 HEIGHT=70 BORDER=1 BGCOLOR="#D0D0D0">
      <TR>
        <TD ALIGN=CENTER>
          <B>Vänta... Laddar sidan</B>
          <IMG SRC="loading.gif"></IMG>
        </TD>
      </TR>
    </TABLE>
  </DIV>
```

Det blir "object required" på \<table\> & \<DIV ID="wait"\> ???!!!!

Funkar ju med denna knapp:

```
<A HREF="#" onclick="ShowWaitSign()">test</A>
```

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

## #12 — ironhead, 2003-11-27T07:53Z

Dumma jag....jag anropar ju ID="wait" innan den är tillgänglig på sidan.....nu funkar det bra  :r 

```
    <STYLE type="text/css">
    <!--
         #wait { position:absolute; top:150px; left:200px; visibility:hidden}
	 .highlight_menu{color:white;background-color:red}
         .markup{font-size=11;color:black;background-color:#99CCFF}
         Q.docinfo_title{font-size=11;font-weight=bold;color:black}
         Q.docinfo_value{font-size=10;color:black}
         Q.visited_url{font-size=10;color:black;background-color:yellow}
         
    -->
    </STYLE>
<body>
<DIV ID="wait">
    <TABLE WIDTH=200 HEIGHT=70 BORDER=1 BGCOLOR="#D0D0D0">
      <TR>
        <TD ALIGN=CENTER>
          <B id=label_id name=label_name>Vänta... Laddar sidan</B>
          <IMG SRC="searching.gif"></IMG>
        </TD>
      </TR>
    </TABLE>
  </DIV>

<SCRIPT LANGUAGE="JavaScript">this.wait.style.visibility='visible';</SCRIPT>

' En massa tung kod ;)

<SCRIPT LANGUAGE="JavaScript">this.wait.style.visibility='hidden';</SCRIPT>
</body>
```

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

## #13 — Jesper T, 2003-11-27T08:04Z

Lägg in **this.wait.style.visibility='visible'** i body onload så skall det nog fixa sig.

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

## #14 — ironhead, 2003-11-27T14:11Z

lägger jag den i "onLoad" så visas inte skylten förens ASP-koden redan laddat klart....jag måste köra den som jag skrev ovanför för att det ska fungera som det e tänkt.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/91077-visa-skylt-medans-sidan-laddas-i-annan-frame
