PHP-Einfach.de
  • PHP Tutorial
  • MySQL Tutorial
  • Für Fortgeschrittene
  • Webhosting
  • Forum

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: Nils Reimers
Zurück: URLs im Text identifizieren

Für Fortgeschrittene

  • Objektorientierte Programmierung
  • PHP Sicherheit
  • Script-Beispiele
  • Codeschnipsel
  • Stellenmarkt
Mit freundlicher Unterstützung von:
  • Punkt191 Werbeagentur
  • CasinoAndy Finland
  • Casinoohnelizenz.info
  • Cryptocasinomaster.com
  • CasinoHEX.at
  • inkedin.com

Hoster – Geringste Ausfallzeit

  1. webgo Ø 1 Min.
  2. Linevast Ø 2 Min.
  3. netcup Ø 3 Min.
  4. All-Inkl.com Ø 6 Min.
  5. checkdomain Ø 8 Min.
  6. dogado Ø 17 Min.
  7. bplaced Ø 17 Min.
  8. Contabo Ø 25 Min.
  9. Hetzner Ø 49 Min.
  10. ONE.com Ø 62 Min.
» Mehr erfahren

Impressum | Datenschutz | Auf PHP-Einfach.de werben

© PHP-Einfach.de 2003 - 2023

Cookie-Zustimmung verwalten
Um dir ein optimales Erlebnis zu bieten, verwenden wir Technologien wie Cookies, um Geräteinformationen zu speichern und/oder darauf zuzugreifen. Wenn du diesen Technologien zustimmst, können wir Daten wie das Surfverhalten oder eindeutige IDs auf dieser Website verarbeiten. Wenn du deine Zustimmung nicht erteilst oder zurückziehst, können bestimmte Merkmale und Funktionen beeinträchtigt werden.
Funktional Immer aktiv
Die technische Speicherung oder der Zugang ist unbedingt erforderlich für den rechtmäßigen Zweck, die Nutzung eines bestimmten Dienstes zu ermöglichen, der vom Teilnehmer oder Nutzer ausdrücklich gewünscht wird, oder für den alleinigen Zweck, die Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz durchzuführen.
Vorlieben
Die technische Speicherung oder der Zugriff ist für den rechtmäßigen Zweck der Speicherung von Präferenzen erforderlich, die nicht vom Abonnenten oder Benutzer angefordert wurden.
Statistiken
Die technische Speicherung oder der Zugriff, der ausschließlich zu statistischen Zwecken erfolgt. Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich zu identifizieren.
Marketing
Die technische Speicherung oder der Zugriff ist erforderlich, um Nutzerprofile zu erstellen, um Werbung zu versenden oder um den Nutzer auf einer Website oder über mehrere Websites hinweg zu ähnlichen Marketingzwecken zu verfolgen.
Optionen verwalten Dienste verwalten Anbieter verwalten Lese mehr über diese Zwecke
Einstellungen ansehen
{title} {title} {title}