Erstmal Hallo Forum und Hallo php.de,
ich habe ein Problem und hoffe das ich hier Hilfe finde, falls ich im Falschen Bereich gepostet habe... sorry
ich habe mir eine Funktion geschrieben die ein Ladebalken anzeigt.
Ansprechen tu ich sie mit diesem Code:
Die variablen sind aus meiner Datenbank $WorkRest = Restzeit | $WorkDauer = Gesamtzeit | 801 = die breite vom Balken
Meine Funktion sieht so aus:
Die Funktion klappt so super.
Nur leider habe ich das Problem das der Balken sich erst aktualisiert, also von 1 auf 2% wandert, sobald man die komplette Seite aktualisiert.
Es wäre aber viel cooler wenn er automatisch wandert ohne das man F5 drücken muss.
Hat wer eine Idee oder könnte mir ein paar Denkanstöße geben??
Würde mich sehr freuen.
Liebe Grüße André
ich habe ein Problem und hoffe das ich hier Hilfe finde, falls ich im Falschen Bereich gepostet habe... sorry
ich habe mir eine Funktion geschrieben die ein Ladebalken anzeigt.
Ansprechen tu ich sie mit diesem Code:
Die variablen sind aus meiner Datenbank $WorkRest = Restzeit | $WorkDauer = Gesamtzeit | 801 = die breite vom Balken
PHP-Code:
echo fortbalken($WorkRest, $WorkDauer, 801);
PHP-Code:
function fortbalken($rest, $dauer, $witdh) {
// Restzeit
$einprozent = $dauer / 100;
$prozent = round($rest / $einprozent);
if($prozent > 80) {$color = "#ff0500"; }
if($prozent > 60 and $prozent < 81) {$color = "#ff8f00"; }
if($prozent > 5 and $prozent < 61) {$color = "#caff00"; }
if($prozent < 6) {$color = "#1fff00"; }
$prozent2 = 100 - $prozent;
$tooltipp = ''.$prozent2.'%';
$anzeige = '
<div style="width:'.$witdh.'px; height:20px" align="right" valign="top" title="'.$tooltipp.'" ">
<div style="background-color:'.$color.'; width:100%; margin-top:2px; height:20px" valign="top">
<p align="right" style="margin-top:0px">
<div style="border-color:#add10f; border-width:thin;; background-color:#194019; width:'.$prozent.'%; height:20px">
</div>
</p>
</div>
</div><center>'.$tooltipp.'</center>
';
return $anzeige;
}
Nur leider habe ich das Problem das der Balken sich erst aktualisiert, also von 1 auf 2% wandert, sobald man die komplette Seite aktualisiert.
Es wäre aber viel cooler wenn er automatisch wandert ohne das man F5 drücken muss.
Hat wer eine Idee oder könnte mir ein paar Denkanstöße geben??
Würde mich sehr freuen.
Liebe Grüße André
Kommentar