Wenn Ladebalken abgelaufen weiterleitung

[SunLive]

Hi ich habe folgenden Code zusammen geschnippelt:

<script language="javascript">
function doit(i,msec)
{
var k = i;
if(k <= 25)
{
eval("document.p" + k + ".src = 'http://www.repage2.de/memberdata/needforspeed/lila.PNG'");
k++;
window.setTimeout("doit(" + k + "," + msec + ")", msec);
}
}
</script>
<img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p0" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p1" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p2" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p3" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p4" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p5" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p6" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p7" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p8" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p9" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p10" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p11" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p12" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p13" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p14" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p15" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p16" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p17" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p18" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p19" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p20" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p21" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p22" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p23" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p24" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p25" height="12" width="9">
<br><a href="javascript:doit(0,250)">Balken starten</a>

Das ist dann ein Srollbalken
siehe http://www.repage2.de/member/needforspeed/test.html
Nun ich will nun, dass, wenn der Balken abgelaufen ist, der Besucher auf eine andere Seite weitergeleitet wird..

Vielen Dank im Voraus!

Euer SunLive

 

[Bastian Born]

Es hat zwar nichts mit HTML zu tun, sondern eher mit JavaScript aber egal;)
Du musst es so machen:

<script language="javascript">
function doit(i,msec)
{
var k = i;
if(k <= 25)
 {
 eval("document.p" + k + ".src = 'http://www.repage2.de/memberdata/needforspeed/lila.PNG'");
 k++;
 window.setTimeout("doit(" + k + "," + msec + ")", msec);
 }
else
 {
  window.location.href = "weiterleitung.htm";
 }
}
</script>
<img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p0" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p1" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p2" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p3" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p4" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p5" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p6" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p7" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p8" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p9" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p10" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p11" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p12" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p13" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p14" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p15" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p16" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p17" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p18" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p19" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p20" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p21" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p22" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p23" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p24" height="12" width="9"><img src="http://www.repage2.de/memberdata/needforspeed/silver.gif" name="p25" height="12" width="9">
<br><a href="javascript:doit(0,250)">Balken starten</a>

Sobald der Balken voll ist wirst du zu "weiterleitung.htm" geleitet.
Viel Spaß dabei noch!

gruß
Bastian

 

[SunLive]

Thx

Danke!
Genau das hab ich gebraucht!
*freu* ;Jump;Jump;Jump

 

[Bastian Born]

Kein Problem, html.de hilft gerne *schleim*


Bastian

 

[Bilox]

hi ...

giebt es das auch mit autostart


also so das es alleie startet und dann weiterleitet...

 

[Bastian Born]

Natürlich:

<html>
<head>
<script type="text/javascript">
 function die_function()
  {
   //hier kommt der Code für den Balken hin
  }
</script>
<body onload="die_function()">
Inhalt
</body>
</html>

Du kannst in dem body-tag einfach onload="function()" einbauen, wobei function() durch den Functions Namen ersetz wird, der den Balken auslöst. In dem Fall von oben ist das doit(0,250) !

gruß
Bastian

 

[Bilox]

:mrgreen::mrgreen:ahhhh nice thx...:mrgreen::mrgreen:

 

[XraYSoLo]

gewöhnt euch mal an, das thema ins richtige topic zu setzen...

Moved: JS - Was macht das bei HTML? (XraYSoLo)

Nils aka XraYSoLo