webForumDet fria alternativet
Logga in / Bli medlem

Visa skylt medans sidan laddas i annan frame

13 svar · 354 visningar · startad av ironhead

ironheadMedlem sedan mars 20011 346 inlägg
#1

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?

Jesper TMedlem sedan nov. 20017 144 inlägg
#2

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

parent.document.getElementById('wait').style.visibility='visible';
ironheadMedlem sedan mars 20011 346 inlägg
#3

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>
Jesper TMedlem sedan nov. 20017 144 inlägg
#4

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?

CheguelinMedlem sedan juli 2003303 inlägg
#5

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

Jesper TMedlem sedan nov. 20017 144 inlägg
#6

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

ironheadMedlem sedan mars 20011 346 inlägg
#7

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.

Jesper TMedlem sedan nov. 20017 144 inlägg
#8

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>
ironheadMedlem sedan mars 20011 346 inlägg
#9

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?

Jesper TMedlem sedan nov. 20017 144 inlägg
#10

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

ironheadMedlem sedan mars 20011 346 inlägg
#11

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>
ironheadMedlem sedan mars 20011 346 inlägg
#12

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>
Jesper TMedlem sedan nov. 20017 144 inlägg
#13

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

ironheadMedlem sedan mars 20011 346 inlägg
#14

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.

143 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)