Wie erstelle ich einen graphischen Balken mit Prozent
lima-city → Forum → Die eigene Homepage → Grafikdesign
abfragen
auslese
bekommen
beliebige stelle
betrag
boxen
bus
code
euro
format
frage
graphischen balken
grundstruktur
http
idee
nachtrag
spenden
umsetzung
url
weiteren fragen
-
Hallo,
Das hört sich vielleicht alles ein bisschen kompliziert an, ist es aber eigtl garnicht
Ich würde gerne einen graphischen Balken oder etw. ähnliches erstellen, der auf meiner Seite http://www.mein-vw-bus.de zeigt, wie viel von den 10 000 Euro, die ich per Spenden erreichen möchte schon gespendet worden sind.
Bitte helft mir ;) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ich habe eine Idee diese ist aber ungetestet und selbst habe ich sie nicht ausprobiert.
Dazu benötigst du PHP, CSS und HTML:
Die Idee:
Du machst an eine beliebige Stelle auf deiner Website eine Box hin welche eine feste Breite hat. In diesem beispiel nehme ich mal eine Breite von 1000px. In diese Box machst du wieder eine Box welche links in der großen liegt. Nun steuerst du einfach die Breite der Box mit Hilfe von PHP. dabei musst du abfragen wie viel Geld du schon gespendet bekommen hast und teilst es durch 10. Das würde heißen wenn du schon 10€ gespendet bekommen hast ist deine Box 1px breit. Bei 100€ wären es 10px bei 10.000€ wären es 1000px.
Die Umsetzung:
So könnte die Grundstruktur aussehen:
<html> <head> <title>Test</title> </head> <body> <div style="width:100%;height:25px;"> <?php $spenden_durch_zehn = $i/10; echo"<div style='width:". $spenden_durch_zehn ."px;height:20px;background-color:#FF0000;'> </div>"; ?> <div> </body> </html>
In der Variablen $spenden_durch_zehn befindet sich deine durch 10 geteilte Spende. Diese Spende musst du noch auslesen und durch 10 teilen.
Nachtrag:
Ich habe den Code nochmal überarbeitet! i ist dein Betrag den du schon gespendet bekommen hast. Diesen Code habe ich schon getestet und dieser funktioniert auch.
Bei weiteren Fragen einfach fragen.
Gruß S.Brosch
Beitrag zuletzt geändert: 28.1.2011 12:11:40 von software-brosch -
Hallo, danke für deine Mühe
Ich habe jetzt nicht deinen Code verwendet, da ich mich mit diesem Format nicht so auskenne, aber ich habe deine Idee genommen und das ganze mit Tabellen umgesetzt. Funktioniert einwandfrei! Vielen Dank! -
Na denn, Geschlossen, bei Rückfragen PN an mich
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
