Lexi Help
Die neuesten Themen
» Servamp Forum
von Raine Kamiya Gestern um 22:47

» Begriff : "merken"
von Ray Gestern um 21:34

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 20:56

» Private Nachrichten
von inde Gestern um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank So 25 Sep 2016 - 16:57

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

Partner
free forum

Progress bar

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Progress bar

Beitrag von Blade@CodeLabs am So 17 März 2013 - 20:09

Hallo Very Happy
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!


Zuletzt von Blade@CodeLabs am So 17 März 2013 - 20:21 bearbeitet, insgesamt 1 mal bearbeitet (Grund : Done)

Blade@CodeLabs
Lehrling
Lehrling

Männlich Beiträge : 136
1.Ermahnung
Anmeldedatum : 17.11.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Progress bar

Beitrag von Günther am So 17 März 2013 - 20:14

Hallo,

damit ist jedes Forumieren-Forum und dort auch die Signaturen gemeint, wie eigentlich deutlich hervorgehen sollte. Wink
@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

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Progress bar

Beitrag von Blade@CodeLabs am So 17 März 2013 - 20:20

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

Schönen Abend noch

Blade@CodeLabs
Lehrling
Lehrling

Männlich Beiträge : 136
1.Ermahnung
Anmeldedatum : 17.11.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Progress bar

Beitrag von Günther am So 17 März 2013 - 20:21

Bitte. Smile
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten