Progress bar

Hallo
ich würde gerne eine Progress bar in meine Signatur einfügen. Dafür benutzte ich einen CSS Stylesheet, ein JavaScript und einen HTML Code. Ich habe kürzlich dieses Thema gelesen, gilt das für jedes Forumieren Forum oder nur für die Themen?
Leider funktioniert die Progress bar nämlich nicht.

CSS Stylesheet

Code:


#pwidget
{
  background-color:lightgray;
  width:254px;
  padding:2px;
  -moz-border-radius:3px;
  border-radius:3px;
  text-align:left;
  border:1px solid gray;   
}
#progressbar
{
  position:relative;
  width:250px;
  padding:0 0 0 0;
  background-image:url("http://www.scriptol.com/html5/image/pggray.png");
  height:14px;
  border:1px solid #CCC;
  -moz-border-radius:2px;
  border-radius:2px;   
}
#indicator
{
  position:absolute;
  left:0;
  top:0;
  width:0px;
  background-image:url("http://www.scriptol.com/html5/image/pggreen.png");
  height:14px;
  margin:0 0 0 0;
}
#progressnum
{
  text-align:center;
  width:250px;
}

JavaScript

Code:


var maxprogress = 250;  // total to reach
var actualprogress = 0;  // current value
var itv = 0;  // id for setinterval
function prog()
{
  if(actualprogress >= maxprogress)
  {
    clearInterval(itv);     
    return;
  }   
  var progressnum = document.getElementById("progressnum");
  var indicator = document.getElementById("indicator");
  actualprogress += 1;   
  indicator.style.width=actualprogress + "px";
  progressnum.innerHTML = (maxprogress - actualprogress) + " secondes restantes";
}

HTML Code

Code:


<p id="progressnum"></p>
<div id="progressbar">
<div id="indicator"></div>
</div>
<input type="button" name="Submit" value="Start" onClick="itv = setInterval(prog, 100)">
<input type="button" name="Submit" value="Stop"onClick="clearInterval(itv)">


Aber beim klicken auf den Button passiert nichts :/ HTML ist natürlich aktiviert und JavaScript habe ich mit dem Script src Attribut eingefügt.

Vielen Dank im Voraus!

Hallo,

damit ist jedes Forumieren-Forum und dort auch die Signaturen gemeint, wie eigentlich deutlich hervorgehen sollte.

Alex schrieb:Aus gegebenem Anlass wurde es leider nötig, die HTML-Funktion <script> in allen Foren in Beiträgen, Signaturen und PNs zu sperren.

Es sind dort also keine Aufrufe externer Scripts mehr möglich.

Da du dich sicherlich ein wenig mit JS auskennst, wirst du erkennen, weshalb das aus Sicherheitsgründen absolut notwendig ist.

Ich habe mir dein Script nicht genauer angesehen und das ist nicht bei allen Scripts möglich, aber bei vielen (die keine direkte Eingliederung in der DOM-Struktur benötigen, sondern auch nur im head-Bereich aufgerufen werden können) sollte dir diese Funktion weiterhelfen:
neues Update vom 05. Juli 2011 - Javascript-Verwaltung
Damit kannst du Scripte an bestimmten Stellen deines Forums (auch innerhalb der Themen) im Header laden lassen.

Liebe Grüße
Günther

Vielen dank, das war sehr hilfreich
Ich dachte damit wären die Themen von hier gemeint, wiel die ja auch Foren heißen

Schönen Abend noch

Bitte.
-closed-