kostenloser Webspace werbefrei: lima-city


Wie erstelle ich einen graphischen Balken mit Prozent

lima-cityForumDie eigene HomepageGrafikdesign

  1. Autor dieses Themas

    mein-vw-bus

    Kostenloser Webspace von mein-vw-bus, auf Homepage erstellen warten

    mein-vw-bus hat kostenlosen Webspace.

    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 ;)
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. s*************h

    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;'>&nbsp;</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
  4. Autor dieses Themas

    mein-vw-bus

    Kostenloser Webspace von mein-vw-bus, auf Homepage erstellen warten

    mein-vw-bus hat kostenlosen Webspace.

    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!
  5. sonok

    Moderator Kostenloser Webspace von sonok

    sonok hat kostenlosen Webspace.

    Na denn, Geschlossen, bei Rückfragen PN an mich
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!