Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» kleine Hilfe Hintergrund
von deafgopro Heute um 2:39

» brauche ich kleine hilfe
von deafgopro Gestern um 21:52

» Benachrichtigungen
von inde Gestern um 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Gestern um 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Gestern um 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

» Möglichkeit Umfragen anonym/offen bei der Erstellung einzustellen
von LillNalle Mi 19 Apr 2017 - 17:01

» [#9632] Registrierung funktioniert nicht
von inde Di 18 Apr 2017 - 18:58

» [phpBB2] Indexmodul verschiebt Foren?
von inde Di 18 Apr 2017 - 15:45

» Der kleine Brieffreund - Brieffreunde suchen und finden
von kleiner-brieffreund Mo 17 Apr 2017 - 20:49

www.forumieren.de

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)
avatar
Blade@CodeLabs
Lehrling
Lehrling

Männlich Beiträge : 136
Anmeldedatum : 17.11.12
1.Verwarnung
PunBB

Benutzerprofil 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
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil 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
avatar
Blade@CodeLabs
Lehrling
Lehrling

Männlich Beiträge : 136
Anmeldedatum : 17.11.12
1.Verwarnung
PunBB

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Progress bar

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

Bitte. Smile
-closed-
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten