Fortschrittsbalken

di_ettelo

Mitglied
Hallo kann man dieses Script so umschreiben das man die komma % angezeigt bekommt und richtig? zb: 20,5


Ich kenne mich leider nur mit kleinen Änderungen in Javascript aus.

hier das script:

<div style="width: 100%; border:1px solid #0070DF;">

<script type="text/javascript">
var StartDatum = "December 24, 2008"; // Format: Monat Tag, Jahr (englische Monatsnamen!)
var EndDatum = "December 24, 2009";

var Anfang = new Date(StartDatum).getTime();
var Prozent = Math.floor(((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 100);
if (Prozent > 100) Prozent = 100;
if (Prozent < 1 ) Prozent = 0;
document.write("<div style='width: " + Prozent + "%; background-color: #AAD5FF; text-align: right;'>" + Prozent + "% <\/div>");
</script>

</div>
 
Versuch es mal so:
HTML:
<div style="width: 100%; border:1px solid #0070DF;">

<script type="text/javascript">
var StartDatum = "December 24, 2008"; // Format: Monat Tag, Jahr (englische Monatsnamen!)
var EndDatum = "December 24, 2009";

var Anfang = new Date(StartDatum).getTime();
var Prozent = Math.floor(((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 1000);
var Komma = Prozent / 10;
Prozent = Math.floor(Prozent / 10);
if (Komma > 100) Komma = 100;
if (Komma < 0.1) Komma = 0;
document.write("<div style='width: " + Prozent + "%; background-color: #AAD5FF; text-align: right;'>" + Prozent + "% <\/div>");
</script>

</div>
 
Ich bitte um Verzeihung, mein Fehler: ich habe leider eins nicht geändert: die Variable in der Anzeige. So müsste es aussehen:
HTML:
<div style="width: 100%; border:1px solid #0070DF;">

<script type="text/javascript">
var StartDatum = "December 24, 2008"; // Format: Monat Tag, Jahr (englische Monatsnamen!)
var EndDatum = "December 24, 2009";

var Anfang = new Date(StartDatum).getTime();
var Prozent = Math.floor(((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 1000);
var Komma = Prozent / 10;
Prozent = Math.floor(Prozent / 10);
if (Komma > 100) Komma = 100;
if (Komma < 0.1) Komma = 0;
document.write("<div style='width: " + Prozent + "%; background-color: #AAD5FF; text-align: right;'>" + Komma + " % <\/div>");
</script>

</div>
 
Einen kleiner Fehler ist noch, das mit Komma geht wunderbar aber jez geht der Balken innerhalb von 4.dez 09 startdate bis 18 märz 2011 ziel datum, wenn ich 31 dez

einstelle zeigt er mir die % richtig mit Komma aber der Balken is halb voll obwohl das Zieldatum noch weit weg ist.
noch eine kleine bitte wenn es nicht zu viel arbeit ist:

Ist es möglich bei den Balken eine start zeit und endzeit anzugeben aber so das nur die % angezeigt werden. zb start ist der 4.dez 09 um 20:00 uhr


siehe Bild im anhang

hier mein code:

<script type="text/javascript"><!--
var StartDatum = "December 04, 2009"; // Format: Monat Tag, Jahr (englische Monatsnamen!)
var EndDatum = "March 18, 2011";

var Anfang = new Date(StartDatum).getTime();
var Prozent = Math.floor(((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 1000);
var Komma = Prozent / 10;
if (Komma > 100) Komma = 100;
if (Komma < 0.1) Komma = 0;
if (Prozent > 100) Prozent = 10;
if (Prozent < 1 ) Prozent = 0;
document.write("<div style='width: " + Prozent + "%; background-color: #00CC66; text-align: right;'>" + Komma + "% <\/div>");
//-->
</script></div><
 

Anhänge

  • Bild 4.png
    Bild 4.png
    7 KB · Aufrufe: 27
Zuletzt bearbeitet:
hast du es mal mit meinem code versucht vielleicht hab ich da was vergessen?

frage: bist du auch in der bruderschaft des angebiessenen apfels der nicht verfault? ( hast du nen mac)?
 
Also dein Code funktioniert bei mir überhaupt nicht. Weiß nicht, was du daran so großartig verändert hast.

Zu deiner Frage: ja, ich gehöre seit nun mehr als einem Jahr zu den glücklichen Mac-Nutzern. Warum fragst du? Weil mein Benutzerbild das Markenzeichen von Apple ist?

EDIT: So geht es bei mir:
HTML:
<div style="width: 100%; border:1px solid #0070DF;">

<script type="text/javascript">
var StartDatum = "December 24, 2008"; // Format: Monat Tag, Jahr (englische Monatsnamen!)
var EndDatum = "March 18, 2011";

var Anfang = new Date(StartDatum).getTime();
var Prozent = Math.floor(((new Date().getTime() - Anfang) / (new Date(EndDatum).getTime() - Anfang)) * 1000);
var Komma = Prozent / 10;
Prozent = Math.floor(Prozent / 10);
if (Komma > 100) Komma = 100;
if (Komma < 0.1) Komma = 0;
if (Prozent > 100) Prozent = 10;
if (Prozent < 1 ) Prozent = 0;
document.write("<div style='width: " + Prozent + "%; background-color: #00CC66; text-align: right;'>" + Komma + " % <\/div>");
</script>

</div>
 
Zuletzt bearbeitet:
wegen mac ja wegen deines bildes. ich bin seit 4 jahren in der arbeit auf mac und seit 2 jahren daheim auf g5 2x2ghz dual 4gb ram

wegen code ich hab nur das rausgelesen was verändert gehört mehr hab ich nicht gemacht
 
Komisch. Was mir gerade noch eingefallen ist: Falls du wirklich eine Anzeige mit Komma haben willst, dann musst du an folgendes noch einfügen (jeweils die Zeile vor und nach der einzufügenden Stelle):
HTML:
var Komma = Prozent / 10;
Komma = new String(Komma);
Komma = Komma.replace(/\./, ",");
Prozent = Math.floor(Prozent / 10);
 
Zurück