Archief - ALGORITME: Sponsor metertje

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Pokereye

Legacy Member
Goeieavond iedereen

Ik ben bezig met een site voor iemand die een marathon gaat lopen in Las Vegas voor een goed doel. Nu zou ik voor die persoon een soort van metertje moeten maken die ik dan op de site moet plaatsen, waar bezoekes de stand van de sponsoring kunnen volgen. Het metertje zou dus leeg ( 0€ ) moeten beginnen en vol ( bij 5000€ ) moeten volgen maar dus stelselmatig moet de kleur dus veranderen van bv wit naar rood.

Hebben jullie een idee hoe ik dit gemakkelijk zou kunnen maken + simpel valt up to daten ( dit is eigelijk het voornaamste want er kunnen elke dag Euros bijkomen uiteraard ). De limiet per metertje is 5000€.

Iemand een idee hoe ik dit zou kunnen oplossen ?

Crazed

Legacy Member
Je zal gebruik moeten maken van een scriptingtaal. Ik heb een snel voorbeeldje voor je gemaakt in php

PHP:
<?php
header("content-type: image/png");	//Dit duid aan dat het om een .PNG file gaat, Dit moet je altijd gebruiken!!

//We maken een afbeelding, X=500 en Y=50
$image = ImageCreate(500, 50);

$bedrag = 400;	// Het bedrag wat je al ingezameld hebt
// Nu moeten we de verhouding (vb: 400/5000) ook overbrengen op de afbeelding.
// De afbeelding in 500 px breed, dus delen door 10 is goed
$bedrag_in_afbeelding = $bedrag / 10;

//We maken een achtergrondkleur , We moeten altijd eerst zeggen over welk plaatje het gaat, in dit geval $image, daarachter volgt de kleurcode
$achtergrond = ImageColorAllocate($image, 255, 0, 0); //255, 255, 255 = Rood

ImageFilledPolygon($image, array( $bedrag_in_afbeelding, 0,
500, 0,
500, 50,
$bedrag_in_afbeelding,50,
), 4, ImageColorAllocate($image, 0, 255, 0)); 	// We leggen een rechthoek met de achtergrondkleur van de pagina over de meter, zodat het gedeelte wat nog niet is ingezameld bedekt wordt

//Het plaatje aanmaken.
ImagePng($image);
//Het plaatje verwijderen uit het geheugen
ImageDestroy($image);
?>

Het groene gedeelte moet je nog veranderen naar je eigen achtergrondkleur.
Ook moet je zelf maar eens zoeken hoe je een gradient moet maken ipv die rode achtergrondkleur, want dat weet ik niet vanbuiten, maar het principe heb je toch al...

orez

Legacy Member
Gelieve eens de sticky's door te nemen alvorens je hier post aub.
De INFO prefix dient als je zelf INFO komt geven hier over iets dat intressant kan zijn, in jouw geval zoek je hoe iets werkt --> ALGORITME.

Pokereye

Legacy Member
Nog snel even een vraagje, hoe kan ik nu onder dat metertje nog tekst zetten ? Als ik na de ?> begin te typen verschijnt er niets in mijn browser.

killgore

Legacy Member
dat metertje is een afbeelding, en zal je in je uiteindelijke site gebruiken als:

<img src="metertje.php" width="500" height="50" />

Dan kan je in die side daaronder nog tekst typen ;).

Pokereye

Legacy Member
Iederdaad, zo kan ik het wel gebruiken !

Hartelijk dank ! Ook bedankt aan Orez om nog te helpen via PM !
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan