Weiterleitung nur nach Klick starten !

[derises]

Hy,

Hab mich nun mal mit javascript beschäftigt, gefällt mir ganz gut.

Nur hab ich schon mein erstes problem.

Hab ne weiterleitung, mit nem ladebalken. Dieser Counter wird sofort nach laden der seite gestartet.. So soll es aber nicht sein.
Ich will es so haben, ich klick halt auf den button "start" und der ladebalken fängt an zu laden..

Möglich ? Aber wie ?

<script type="text/javascript">
// JavaScript-Ladebalken mit Weiterleitung zu einer anderen Seite
var zaehler = 1;
function weiterleitung(ziel) {
 if ( zaehler < ziel) {
  zaehler = zaehler + 1;
  document.getElementById("status").style.width = zaehler + "px";
  document.getElementById("counter").innerHTML = zaehler;
  window.setTimeout("weiterleitung('" + ziel + "')", 10);
 }
 else {
  location.href="andere_seite.htm";
 }
}
</script>

<span id="counter"></span> 
<img id="status" src="spacer.gif" width="10" height="10"
 style="background-color: #FF8000;
  border: solid 1px #000000;">

<script type="text/javascript">
weiterleitung('450'); // Funktion starten
</script>

 

[derises]

Oh habs xD

 

[derises]

dann eben ne neue frage ^^ xD

<script type="text/javascript">
// JavaScript-Ladebalken mit Weiterleitung zu einer anderen Seite
var zaehler = 1;
function weiterleitung(ziel) {
if ( zaehler < ziel) {
zaehler = zaehler + 1;
document.getElementById("status").style.width = zaehler + "px";
document.getElementById("counter").innerHTML = zaehler;
window.setTimeout("weiterleitung('" + ziel + "')", 10);
}
else {
location.href="#";
}
}
</script>

<a href="javascript:weiterleitung('200');">Aufgabe generieren</a>
<span id="counter"></span>
<img id="status" src="spacer.gif" width="10" height="10" style="background-color: #FF8000; "></imG>

Im standart zustand ohne das was geklickt wurde , ist da ein kleine punkt.. der soll aber nicht da sein ..

 

[Gilles]

<a href="javascript:weiterleitung('200');">Aufgabe generieren</a>
<span id="counter"></span> 
<img id="status" src="spacer.gif" width="10" height="10" style="background-color: #FF8000; " />

Ganzen unten im HTML fügst du aber solch ein Bild hinzu. Dann nehme diese Zeile einfach weg :)