script immer wieder von vorne starten...

XrushX · 14 März 2011

hi leute,
ich bin ganz neu hier, und wollte euch mal fragen ob es irgendwie möglich ist, diesen ladebalken script neu zu starten, sodass er immer wieder von vorne anfängt:

HTML:

<head>
<script type="text/javascript">
function ladebalken(){
  var sekunden = 6;
  var breite = 300;
  var balken = document.getElementById("balken");
  var ladung = document.getElementById("ladung");
  balken.style.width = breite+"px";
  balken.style.border = "1px solid gray";
  ladung.style.backgroundColor = "red";

  prozent = function(){
    w = ladung.style.width.match(/\d+/);
    if (w++ == breite){
      clearInterval(sto);
    }
    else {
      ladung.style.width = w+"px";
    }
  }
  sto = setInterval("prozent()",sekunden*1000/breite);


}

</script>
<div id=balken><div id=ladung>&nbsp;</div></div>
<script type="text/javascript">ladebalken();</script
</head>

ich möchte einfach nur dass der ladebalken immer von vorne losgeht... i
das zu machen??

danke schon mal im vorraus

vast · 14 März 2011

...ich nehme mal an, das du die <div>´s nur versehentlich im <head> plaziert hast ;)

Einfach die Breite des Balkens wieder auf 1px (statt clearInterval) und schon gehts von vorn los:

HTML:

<!DOCTYPE html> 
<html>
<head>
<script type="text/javascript">
function ladebalken(){
  var sekunden = 6;
  var breite = 300;
  var balken = document.getElementById("balken");
  var ladung = document.getElementById("ladung");
  balken.style.width = breite+"px";
  balken.style.border = "1px solid gray";
  ladung.style.backgroundColor = "red";

  prozent = function(){
    w = ladung.style.width.match(/\d+/);
    if (w++ == breite){
      //clearInterval(sto); raus damit
      ladung.style.width = 1+"px";      
    }
    else {
      ladung.style.width = w+"px";
    }
  }
  sto = setInterval("prozent()",sekunden*1000/breite);
}
</script>

</head>
<body onload="ladebalken();">
<div id="balken"><div id="ladung">&nbsp;</div></div>
</body>
</html>

alogheo · 14 März 2011

Code:

if (w++ == breite){
      clearInterval(sto);
    }

zu

Code:

if (w++ == breite){
      ladung.style.width=0+"px";
    }

edit: war wohl jemand schneller

XrushX · 15 März 2011

hey cool danke! :mrgreen:
Ihr habt mir damit echt weiter geholfen, hat super funktioniert!

Aber jetzt hab ich noch eine frage:
Der ladebalken geht jetzt, aber wenn ich jetzt den code für die musik im hintergrund einfüge:

HTML:

<bgsound src="http://gehirnlos.npage.de/get_file.php?id=16297063&vnr=318949" loop="infinite">
//für internet explorer
<embed src="http://gehirnlos.npage.de/get_file.php?id=16297063&vnr=318949" autostart="true" loop="true" hidden="true" height="0" width="0">
//für firefox

dann kommt der ladebalken nicht mehr... wär echt nett wenn ihr mir dabei auch noch helfen könntet... (muss jetzt net unbedingt sein, wär aber toll wens gehen würd...)

Gilles · 16 März 2011

Ich rate dir schwer von dieses bgsound usw ab.
Nehm dir lieber nen flashplayer. Bzw. Binde dein Audio als audio tag ein. wenn der Browser das nicht kann soll er die flash variante benutzen.
Schau mal auf der seite nach: Übersicht: Mit Flash erstellte MP3-Player für die eigene Website | www.video-flash.de

Beispiel wie sowas aussehen könnte (Das object bitte nicht so übernehmen. Anstatt das object kommt da halt der flash player rein den du nutzen willst)

Code:

<audio src="irgendwas.mp3">
  <!-- Hier kommt der Flashplayer rein -->
  <object>
     <param name="movie" value="player.swf" />
  </object>
</audio>

script immer wieder von vorne starten...

XrushX

Neues Mitglied

vast

Neues Mitglied

alogheo

Mitglied

XrushX

Neues Mitglied

Gilles

Blogger

Neueste Beiträge