[php] Poziomy "słupek" Opcje

[fredzio90]

otóż chciałbym się zapytać jak można w łatwy sposób zrobić coś takiego... mam panel administracyjny do bazy dodaje jakąś liczbę<100 niech to będzie 50

i kod przerabia to na nie wiem co.. i pokazuje mi mi tą wartość ( w tym wypadku 50 ) na wykresie..... na dowolnym rozmiarze strony..... biorąc że będzie plik o wymiarach 5x1 px..

poprostu wpisuje 50 to pokazuje połowę całego wykresu itp.. bez żadnych liczeń podobnych do sondy....

to bedzie mi potrzebne do napsiania modułu do systeu CMS o nazwie projekty.. wpisujemy nazwe projektu i pokazuje jaką część całego projektu wykonaliśmy

Ten post edytował fredzio90 14.04.2007, 17:39:09

[Łukasz O.]

[PHP] pobierz, plaintext 
<?php $procent=rand(0,100); ?>
<div style='width:300px;background-color:#000;height:5px;'>
	<div style='height:5px;background-color:#f00;width:<?=$procent?>%;'>
	</div>
</div>
[PHP] pobierz, plaintext 

najszybszy i najładniejszy sposób, ponieważ pierwszego div'a możesz sobie dowolnie skonfigurować (procentowo, pikselami), a drugi sam z siebie dostosuje się do niego

PS. końcowo powinno wyglądać tak (aby się dobrze w IE wyświetlało)

[HTML] pobierz, plaintext 
<div class="pasek"><!-- -->
	<div class="postep"><!-- --></div>
</div>
[HTML] pobierz, plaintext 

klasa postep powinna zawierać właściwość width z przypisanym wyliczonym przez Ciebie procentem

Ten post edytował Łukasz O. 14.04.2007, 18:02:57

[fredzio90]

ale ty mnie zle zrozumiales.. ja chce takie coś że jest zapytanie przykkładowe:

[PHP] pobierz, plaintext 
<?php
$sql = mysql_query("SELECT * FROM tabela");
while($r = mysql_fetch_array($sql)) {
?>
[PHP] pobierz, plaintext 

w tabeli są takie pola:

nazwa, postep

i zeby wylapywalo z pola postep liczbe ktorą administrator samemu wpisał... i żeby na podstawie tej liczby rysowało pasek poziomy...

[.radex]

WHERE id = id admina i jeśli jeden słupek, a nie seria - to fetch array może nawalać... a możesz zrobić nawet z apomocą prostego ajaxa....

[fredzio90]

oj nie chodiz mi o zapytanie. przedstawie to tak:

Ktoś wykonuje tłumaczenie napisów do filmu a NAG na PL..
Prowadzi przy tym stronę na która wystawi powyższe napisy.. i Chce informować internautów o steni postępu wykonania prac... Powyższy przykład możemy zobaczyć na:

Zobacz

po prawej stronie.. te dane są pobierane z bazy danych... te całkowite liczby np 30, 45, 70, 90

[Łukasz O.]

pofatygowałeś się podpiąć to co Ci pokazałem? czy tylko zerknąłeś?

[SQL] pobierz, plaintext 
CREATE TABLE `postep` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nazwa` varchar(32) DEFAULT NULL,
  `postep` int(11) DEFAULT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;
INSERT INTO `postep` VALUES ('1', 'first', '30');
INSERT INTO `postep` VALUES ('2', 'second', '42');
INSERT INTO `postep` VALUES ('3', 'third', '86');
[SQL] pobierz, plaintext 

[HTML] pobierz, plaintext 
<style type="text/css">
.pasek{
	width:100px; /* może być też np. 60% - byle by się zmieścił tam gdzie chcesz to wetknąć*/
	border:1px solid #999; //kolor obramowania
	height:5px;}
.pasek div{
	background-color:#090; //kolor paska
	height:5px;}
</style>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
function progress($width){
	?>
	<div class='pasek'><div style='width:<?=$width?>%'><!-- --></div></div>
	<?php
}
require_once('mysql.php');
$db=new db('localhost','root','root','test');
$db->query('SELECT nazwa,postep FROM postep');
foreach($db->fetch_row() as $a){
	print $a['nazwa'];
	progress($a['postep']);
}
?>
[PHP] pobierz, plaintext 

wynik:


to tak ode mnie jako bonus - chciałeś coś łatwego - jak nie odpowiada to możesz za każdym razem męczyć serwer, żeby Ci generował dynamiczny obrazek - Twój wybór - tyle tylko, że moje rozwiązanie jest o wiele bardziej elastyczne

PS. ktoś jeszcze uważa, że ten sposób jest nieodpowiedni?

Ten post edytował Łukasz O. 14.04.2007, 23:53:03

[plisek]

chyba nie do końca wiesz co chcesz zrobić ;/

jeżeli chcesz wyciągnąć z bazy tylko jedno pole o nazwie np postęp dla danego użytkownika i np filmu to zamiast:

[SQL] pobierz, plaintext 
SELECT * FROM tabela
[SQL] pobierz, plaintext 

po prostu

[SQL] pobierz, plaintext 
SELECT "postep" FROM tabela WHERE user=1
[SQL] pobierz, plaintext 

oczywiście to przykład bo nie wiemy jak wygląda Twoja baza.

Następnie gdy wyciągniesz juz wartość liczbową tego postępu możesz narysować np za pomocą prostych divów (btw czytaj kilka postów wyżej ;P)pasek postępu.

nic trudnego, po prostu czytaj ze zrozumieniem, co napisali inni
lub inaczej sformułuj pytanie

pozdrawiam

[fredzio90]

zrobiłem taką funkcje:

[PHP] pobierz, plaintext 
<?php
function show() {
global $projekty_tbl, $PHP_SELF;
 
$sql = mysql_query("SELECT * FROM $projekty_tbl WHERE postep<='100'");
while($r = mysql_fetch_array($sql)) {
 
$skonczono = $r['postep'];
$reszta = 100 - $skonczono;
 
echo'
<b>'.$r['nazwa'].'</b><br>
<div class="pasek">
<img src="images/wprod_bar_1.gif" title="'.$skonczono.'%" border="0" height="4" width="'.$skonczono.'"><img src="images/wprod_bar_0.gif" title="'.$skonczono.'%" border="0" height="4" width="'.$reszta.'">
</div>
 
';
 
 
}
}
?>
[PHP] pobierz, plaintext 

i działa...

[Łukasz O.]

ciekawe co będzie jak będziesz chciał dać jako pasek postępu np. ukośne linie -> wiem czepiam się, ale to dlatego, że sam chciałeś coś prostego i elastycznego, co zresztą dostałeś, a teraz jakieś dziwne funkcje wymyślasz

PS. pokaż mi jak robisz swoją funkcją dwukolorowy pasek postępu od czerwonego(początek) do zielonego (koniec) i jak go dostosowujesz do różnych szerokości, np. 70% i 234px w jakimś bloku

Ten post edytował Łukasz O. 15.04.2007, 14:03:15

[fredzio90]

właśnie nad tym pomyślałem i mam takie funkcje css:

[PHP] pobierz, plaintext 
<?php
.pasek_blok{
width: 100px;
border:1px solid #999;
height:5px;
}
 
.pasek{
width: 50%;
border:0px solid #999;
height:5px;
}
?>
[PHP] pobierz, plaintext 

i mam 2 funckje ktorą jedną używam w bloku, drugiej w środku menu ( pomiędzy blokami...)

i sprawuje się doskonale!

PS to nie są nazwy kolorów..
z - zielony
c - kremowy ;D

tak jak na tej stornie kinomania.org.. tak samo zrobiłem..