Codeschnipsel

Fortschrittsbalken mit <div>

Zurück zur Übersicht
Hallo, ich habe dieses Skript mal ausgebuddelt, etwas erweitert und wollte es jetzt zur Verfügung stellen. Der Titel und die Kommentare sollten eigentlich alles sagen.
Bitte Fehler melden und auch sonst ist Rückmeldung erwünscht. 😉

<?php
/*
 * ********************************************************************************************* *
 * FORTSCHRITTSBALKEN MIT OPTIONALER PROZENTANZEIGE                                              *
 * --------------------------------------------------------------------------------------------- *
 * [by LC] für php-einfach.de, Oktober 2008                                                      *
 * Das Skript darf frei verwendet werden, es darf aber weder dieser Kasten entfernt oder         *
 * verändert werden. Ebenso darf kein eigenes Copyright oder Ähnliche Zeichen eingefügt werden!  *
 *                                                                                               *
 * Bitte folgende Daten angeben:                                                                 *
 *         $gesamtbreite: Breite des Balkens in Pixel (ohne Einheit)                                *
 *         $grundwert: Der Wert, den 100% haben                                                     *
 *         $prozentwert: Den Wert, dessen Anteil am Grundwert berechnet werden soll                 *
 *        $prozent_disp_round: Anzahl der Nachkommastellen der Prozentanzeige                      *
 *         $prozentangabe_type: Art der Balkendarstellung (0, 1 oder 2):                            *
 *             0:    Leerer Balken, keine Prozentangabe                                               *
 *             1:    Leerer Balken, Prozentangabe eingerückt unter dem Balken                         *
 *             2:    Prozentangabe im Balken                                                          *
 *         $border: Rahmendefinition in CSS (OHNE das abschließende ; ) -> "none" für keinen Rahmen *
 *                                                                                                  *
 *         $farben: Der Balken kann je nach Prozentzahl unterschiedlich gefärbt werden.             *
 *                 In das Array die Prozentwerte von und bis zu der eine Farbe reichen soll durch  *
 *                  ein Minus getrennt angeben und in den zweiten Teil die jeweilige Farbe          *
 *                  (s. Beispielangaben). Soll der Balken nur eine Farbe haben, muss als Bereich    *
 *                  "000-100" angegeben werden.                                                     *
 * ********************************************************************************************* *
 */
$gesamtbreite = 700; //in Pixel
$grundwert = 100;
$prozentwert = 50;
$prozent_disp_round = 0; //Nachkommastellen
$prozentangabe_type = 0; 
$border = "1px solid black";

$farben = array("000-020" => "green",
                "021-050" => "yellow",
                "051-100" => "red"
);


/*
 * ***************************************************** *
 *         AB HIER KEINE ÄNDERUNGEN MEHR VORNEHMEN!         *
 * ***************************************************** *
 */

if(empty($border))
    $border = "1px solid black";

if(empty($prozent_disp_round))
    $prozent_disp_round = 0;
    
if(empty($prozentangabe_type))
    $prozentangabe_type = 0;


if($prozentwert > $grundwert)
    $prozentwert = $grundwert;

$prozentsatz = $prozentwert / $grundwert;
$teilbreite = $prozentsatz * $gesamtbreite;
$prozentsatz_disp = round((($prozentwert / $grundwert) * 100), $prozent_disp_round);

$i = 1;
foreach($farben AS $bereich => $farbe) {
    $einzelwerte = explode("-", $bereich);
    if(($einzelwerte[0] <= $prozentsatz_disp) && ($prozentsatz_disp <= $einzelwerte[1])) {
        $balken_farbe = $farbe;
        break;
    }    
}

if(!isset($balken_farbe))
    $balken_farbe = "orange";
    
if($prozentangabe_type == 0) {
    
    echo "<div style='text-align: left; border: $border; width: ".$gesamtbreite."px; height: auto; padding: 0px;'>\n";
        echo "\t<div style='text-align: center; width: ".$teilbreite."px; background-color: $balken_farbe;'>&nbsp;</div>\n";
    echo "</div>\n";
}
elseif($prozentangabe_type == 1) {
    
if($teilbreite <= 10)
    $wertbreite = $teilbreite;
else
    $wertbreite = $teilbreite - 10;
    
    echo "<div style='text-align: left; border: $border; width: ".$gesamtbreite."px; height: auto; padding: 0px;'>\n";
        echo "\t<div style='text-align: center; width: ".$teilbreite."px; background-color: $balken_farbe; height: 15px;'></div>\n";
    echo "</div>\n";
    echo "<span style='position: relative; left: ".$wertbreite."px;'>".$prozentsatz_disp."%</span>";
}
else {
    echo "<div style='text-align: left; border: $border; width: ".$gesamtbreite."px; height: auto; padding: 0px;'>\n";
        echo "\t<div style='text-align: center; width: ".$teilbreite."px; background-color: $balken_farbe;'>".$prozentsatz_disp."%</div>\n";
    echo "</div>\n";
}
?>


Die Datei ist auch angehängt.

Kommentare

Autor Stephen Falken

Zurück zur Übersicht
Autor:
Zurück: URLs im Text identifizieren