Weet er iemand hoe je een rankbar kan maken?
dat als je bijvoorbeeld 10% health hebt, dat klein stukje in het rood is en de 90% dan gewoon leeg?
Z'n barre'tje, dat meegaat aan de hand van je %
Dus 50%, is de helft gevuld, jullie snappen het vast wel denk ik
Rank bar
-
-
-
-
Snap^der niks van
Hoe bouw ik zoits in in php -
Wat snap je niet? Heb je überhaupt al wat geprobeerd?
-
Geprobeerd, met wat gegoogle.. Ja..
Ik wil gewoon een rechthoekig vakje met 60% geschreven middenin, en de bar dan tot 60% gevuld
-
Klik eens op de link die Tim stuurde. Het eerste resultaat geeft volgens mij al meteen wat je zoekt.
Hier ook nog iets met jQuery: jQuery Progress bar
-
Werkt niet, krijg geen resultaat.
En ik wou dit barrtje gebruiken om op te vullen -
Het kan best simpel met php en css (inline).
Je berekend hoeveel procent leven er is, dat sluit je op in een variabel. ($procent)
Vervolgens krijg je deze structuur:
<div class="progressbar">
<div class="green" style="width="<?php echo $procent; ?>%"></div>
</div>De css moet je dan zelf uitzoeken..
Het kan natuurlijk op tal van andere manieren -
<div class="progressbar">
<div class="green" style="width="<?php echo $data->Gezondheid; ?>%"></div>
</div>geeft enkel dit weer:%">
-
Dat betekent dat je variabele leeg is. Maar we hebben geen idee aangezien we geen code hebben.
-
PHP
Toon Meer<?php include('config.php'); ?> <html> <head> <META NAME='ROBOTS' CONTENT='NOODP'> <META NAME='msnbot' CONTENT='NOODP'> <META NAME='googlebot' CONTENT='NOODP'> <META name='keywords' content=''> <META name='description' content=''> <title>MaffiaWorlds - Handelen - Lokale kogelfabriek</title> <META NAME='Language' CONTENT='nl'> <META NAME='Language' CONTENT='be'> <META NAME='Date' CONTENT='2008-01-20 12:00:00 GMT'> <META HTTP-EQUIV='Last-modified' CONTENT='2008-01-20 12:00:00 GMT'> <META NAME='author' CONTENT='Koen'> <link rel='stylesheet' type='text/css' href='style.css'> </body> </head> <?php if (!$_SESSION['Gebruiker']) { echo " <table width='600' align='center'> <td class='subtitle' width='600'>Welkom op MaffiaWorlds !</td> <tr> <td class='maintxt'> <center> <img src='/Afbeeldingen/Algemeen/HoofdPagina/Header.gif' alt='Welkom op MaffiaWorlds !!'></center> <tr> <td class='subtitle' width='600'></td> <tr> <td class='maintxt'> <font color='33FF00'><b>Nederland 24-10-1962</b></font> <br> Nederland is in rep en roer. Dit nadat de grote gangster 'The IcePick', is neergeschoten bij de portiek van zijn eigen flat. Verschillende kleine gangsters proberen nu de onderwereld scene van Nederland over te nemen en steeds meer mensen te recruteren voor de gangster familie's. Het doel is om de grootste gangster van de wereld te worden met de grootste gangster familie. Maar let op er zijn natuurlijk altijd veraders in het spel. Daarom moet je ervoor zorgen dat je je gangsters goede opdrachten geeft en dat je ze niet vergeet. Anders zullen ze je veraden en dit kan dan het einde beteken van jouw én jouw gangster familie. <br> <center> <a href='register.php'> <img src='/Afbeeldingen/Algemeen/HoofdPagina/Aanmelden.gif' alt='Aanmelden !' border='0'></a> <a href='De-Help.php'> <img src='/Afbeeldingen/Algemeen/HoofdPagina/Introductie.gif' alt='Introductie...' border='0'></a> <a href='login.php'> <img src='/Afbeeldingen/Algemeen/HoofdPagina/Inloggen.gif' alt='Inloggen en chillen !!' border='0'></a> </center> <tr> <td class='subtitle' width='600'></td> "; } if ($_SESSION['Gebruiker']) { if ($data->DoodofLevend == dood) { header("Location: rip.php"); exit; } $time = time(); $crime = gmdate('i:s',($data->WachttijdSteelLightEnMedium - $time)); $ac = gmdate('i:s', ($data->ac - $time)); $bc = gmdate('H:i:s', ($data->bc - $time)); $pc = gmdate('i:s', ($data->pc - $time)); $tc = gmdate('i:s', ($data->transport - $time)); $kc = gmdate('i:s', ($data->kc - $time)); $bt = gmdate('i:s', ($data->slaap - $time)); //$oc = gmdate('H:i:s', ($data->oc - $time)); if (($data->WachttijdSteelLightEnMedium - $time) < 0) { $crime = "<b><font color='#33FF00'>Nu</font></b>"; } if (($data->ac - $time) < 0) { $ac = "<b><font color='#33FF00'>Nu</font></b>"; } if (($data->bc - $time) < 0) { $bc = "<b><font color='#33FF00'>Nu</font></b>"; } if (($data->pc - $time) < 0) { $pc = "<b><font color='#33FF00'>Nu</font></b>"; } if (($data->transport - $time) < 0) { $tc = "<b><font color='#33FF00'>Nu</font></b>"; } if (($data->kc - $time) < 0) { $kc = "<b><font color='#33FF00'>Nu</font></b>"; } if (($data->slaap - $time) < 0) { $bt = "<b><font color='#33FF00'>Nu</font></b>"; } /* (90 - ($time - $data->ac)) */ $tot = $data->Bank + $data->Zak; if (!$data->Rank) { $Rank = "<b><font color='#FF0000'>Geen</font></b>"; } elseif ($data->Rank != NULL) { $Rank = "<b><font color='#33FF00'>$data->Rank</font></b>"; } $respect = round($data->Respectontvangen,0); $dbres = mysql_query("SELECT * FROM `items` WHERE `type`='def' AND `nr`='{$data->defence}'"); $defence = mysql_fetch_object($dbres); $defence = $defence->naam; if ($game->spel == NULL) { $spel = "<b><font color='#FF0000'>Geen</font></b>"; } elseif ($game->spel != NULL) { $spel = "$game->spel $game->stad"; } $health = $data->health; $rangvordering = round($vordering,2); $schiet = round($data->se,1); if ($rangvordering == 100 && $data->xp < 20000) { $rangvordering = 99.99; } if ($data->xp > 20000) { $rangvordering = 100; } $shealth = round(100 - $data->health); $svordering = (100 - $rangvordering); $sschiet = round(100 - $schiet); if ($rangvordering > 50) { $vltekst = "{$rangvordering}%"; } else { $vrtekst = "{$rangvordering}%"; } if ($health > 50) { $hltekst = "{$health}%"; } else { $hrtekst = "{$health}%"; } if ($schiet > 50) { $sltekst = "{$schiet}%"; } else { $srtekst = "{$schiet}%"; } if ($data->level == 1) { $level = "<font color='#33FF00'>Normale gebruiker</font>"; } elseif ($data->level == 255) { $level = "<font color='#33FF00'>Admin</font>"; } elseif ($data->level == 200) { $level = "<font color='#33FF00'>Hulp Admin</font>"; } else { $level = Webmaster; } if ($data->famrang == 1) { $rank = "<b><font color='#33FF00'>Member</font></b>"; } elseif ($data->famrang == 2) { $rank = "<b><font color='#33FF00'>Recruiter</font></b>"; } elseif ($data->famrang == 3) { $rank = "<b><font color='#33FF00'>Consiglieri</font></b>"; } elseif ($data->famrang == 4) { $rank = "<b><font color='#33FF00'>Halfdon</font></b>"; } elseif ($data->famrang == 5) { $rank = "<b><font color='#33FF00'>Don</font></b>"; } if ($data->trans == 0) { $trans = "<b><font color='#FF0000'>Geen</font></b>"; } else { $dbres = mysql_query("SELECT * FROM `items` WHERE `type`='trans' AND `nr`='{$data->trans}'"); $trans = mysql_fetch_object($dbres); $trans = $trans->naam; } if ($data->defence == 0) { $defence = "<b><font color='#FF0000'>Geen</font></b>"; } else { $dbres = mysql_query("SELECT * FROM `users` WHERE `type`='defence'"); $trans = mysql_fetch_object($dbres); $defence = $defence; } $data->nrofcrime = number_format($data->nrofcrime, 0, ',' , ','); $data->nrofcar = number_format($data->nrofcar, 0, ',' , ','); $data->nrofroute = number_format($data->nrofroute, 0, ',' , ','); $data->nrofoc = number_format($data->nrofoc, 0, ',' , ','); $data->nrofrace = number_format($data->nrofrace, 0, ',' , ','); $data->nrofkill = number_format($data->nrofkill, 0, ',' , ','); $data->bo = number_format($data->bo, 0, ',' , ','); $respect = number_format($data->respect, 0, ',' , ','); $data->id = number_format($data->id, 0, ',' , ','); $zak = number_format($data->zak, 0, ',' , ','); $bank = number_format($data->bank, 0, ',' , ','); $kogels = number_format($data->kogels, 0, ',' , ','); $huwelijk = (!$data->huwelijk) ? "<b><font color='FF0000'>Niet getrouwd</font></b>" : "$data->Gebruiker & $data->huwelijk"; $medium = $data->SteelMediumTotaal; $lichte = $data->SteelLightTotaal; $totaalmisdaden = $lichte+$medium; print <<<ENDHTML <table width='600' align='center'> <td class='subtitle' colspan='4' width='600'>Statistieken van $data->Gebruiker</td> <tr> <td class='maintxt' width='300' align='center'><a href='Speler-Bezittingen.php'><b>Bezittingen</b></a></td> <td class='maintxt' width='300' align='center'><a href='Speler-Bezittingen.php'><b>Wachttijden</b></a></td> </table> <tr> <table width='600' align='center'> <td class='subtitle' colspan='4' width='600'>MaffiaWorlds - Statistieken van $data->Gebruiker</td> <tr> <td class='subtitle' colspan='2' width='300'>Vorderingen in je loopbaan</td><td class='subtitle' colspan='2' width='300'>Werkervaring</td> <tr> <td class='maintxt' width='150'>Rangvordering</td> <td class='maintxt' width='150'>$data->Rank</td> <td class='maintxt' width='150'>Jail uitbraken</td> <td class='maintxt' width='150'>$data->Jailuitbraak</td> <tr> <td class='maintxt' width='150'>Gezondheid</td> <td class='maintxt' width='150'> <div class='progressbar'> <div class='green' style="width='$data->Gezondheid'%></div> </div></td> <td class='maintxt' width='150'>Diefstallen</td> <td class='maintxt' width='150'>$totaalmisdaden</td> <tr> <td class='maintxt' width='150'>Schietervaring</td> <td class='maintxt' width='150'>$data->Schietervaring</td> <td class='maintxt' width='150'>Gestolen auto's</td> <td class='maintxt' width='150'>$data->GTAgestolen</td> <tr> <td class='maintxt' width='150'>Handel ervaring</td> <td class='maintxt' width='150'>$data->Handel</td> <td class='maintxt' width='150'>Kill singlejob's</td> <td class='maintxt' width='150'>$data->KillOefeningTotaal</td> <tr> <td class='maintxt' width='150'>Rijbewijs</td> <td class='maintxt' width='150'>$data->Rijbewijs</td> <td class='maintxt' width='150'>Gekillde criminelen</td> <td class='maintxt' width='150'>$data->CriminelenVermoord</td> <tr> <td class='subtitle' colspan='4' width='600'> </td> </table> <br> <tr> <table width='600' align='center'> <td class='subtitle' colspan='4' width='600'>Persoonsgegevens</td> <tr> <td class='maintxt' width='150'>Rang</td> <td class='maintxt' width='150'>$rang</td> <td class='maintxt' width='150'>Geslacht</td> <td class='maintxt' width='150'>$data->Geslacht</td> <tr> <td class='maintxt' width='150'>Respect</td> <td class='maintxt' width='150'>$data->Respectontvangen</td> <td class='maintxt' width='150'>Startdatum</td> <td class='maintxt' width='150'>$data->Accountaangemaakt</td> <tr> <td class='maintxt' width='150'>Titel</td> <td class='maintxt' width='150'>$data->VIPrang</td> <td class='maintxt' width='150'>Sofinummer</td> <td class='maintxt' width='150'>$data->id</td> <tr> <td class='maintxt' width='150'>Email adres</td> <td class='maintxt' width='150'>$data->Email</td> <td class='maintxt' width='150'>Tel. Nr.</td> <td class='maintxt' width='150'>$data->Telefoonnummer</td> <tr> <td class='maintxt' width='150'>VIP tijd</td> <td class='maintxt' width='150'>$data->GewoneVIP</td> <td class='maintxt' width='150'>Ultra VIP tijd</td> <td class='maintxt' width='150'>$data->UltraVIP</td> <tr> <td class='subtitle' colspan='4' width='600'> </td> ENDHTML; } ?> </body> </html> <noscript><div id="ea3s4lmpt"><img width=0 height=0 src="http://milkcounter.com/count.gif?id=4cd0712a473534797400285f"></div>
-
Je code is onleesbaar. Verbeter je code door in te springen.
-
Wt bedoel je nu weer?
-
Google: Php inspringen
1ste resultaat. Probeer ook zelf iets. Google is gratis.
-
* offtopic sorry. Er valt moeilijk te helpen. Clean up your code! Er zijn ontzettend veel eenvoudige manieren om te bereiken wat jij wilt.
-
Wt bedoel je nu weer?
We zijn hier om je te helpen, maar een beetje respect en zelf onderzoek is wel zo makkelijk.
Hier zijn we er om je te ondersteunen bij je vragen, als je wil dat iemand het oplost zou ik een budget beschikbaar maken.
En anders kan je tips opvolgen of eventueel zoeken naar gegeven tips door leden hier. -
Dit is mogelijk met de HTML5 meter tag.
-
@Swaffelaar:
Note: The <meter> tag is not supported in IE and Safari.Niet echt een ideale oplossing dus.
Participate now!
Heb je nog geen account? Registreer je nu en word deel van onze community!