ziver/zutil-php
1
0
Fork 0
Code Activity

Added progress bar class

Browse source
This commit is contained in:
Ziver Koc 2010-02-11 17:50:45 +00:00
parent a988babb77
commit 629114bac5
9 changed files with 114 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

110
JsPHP.php
View file

@ -1,110 +0,0 @@
<?php
//created by Ziver koc. Nice hu
// Too make this work you must have echoed out html and the body tags
//********* GLOBAL **********************
$progressInit = false;
$progressNextId = 0;
//**************************************
// Example of use
echo"<html><body><center>";
progressBarInit(550, 16, "img/bar-grey.gif", "img/bar-life.gif");
progressBarInit(550, 16, "img/bar-grey.gif", "img/bar-mana.gif");
progressBarInit(550, 16, "img/bar-grey.gif", "img/bar-life.gif");
progressBarInit(550, 16, "img/bar-grey.gif", "img/bar-mana.gif");
for($i=0;$i<=100;$i+=2){
sleep(1);
progressSetValue($i);
progressSetText($i."%");
progressSetValue($i/2,1);
progressSetText(($i/2)."%",1);
progressSetValue($i/4,2);
progressSetText(($i/4)."%",2);
progressSetValue($i/3,3);
progressSetText(($i/3)."%",3);
//echo $i."% > ";
}
echo"</center></body></html>";
redirect("http://google.com");
function progressBarInit($width, $height, $imgBar, $imgProggress){
GLOBAL $progressInit, $progressNextId;
if(!$progressInit){
echo"
<script type='text/javascript'>
<!--
function setValue(id,value){
document.getElementById('progressValue'+id).style.width = value+'%';
}
function setText(id,text){
document.getElementById('progressText'+id).innerHTML = text;
}
//-->
</script>";
$progressInit = true;
}
$id = $progressNextId;
$progressNextId++;
echo"
<style type='text/css'>
.progress".$id."{
background: transparent url(".$imgBar.") repeat-x scroll 0%;
border: 1px solid black;
color: white;
height: ".$height."px;
margin: 5pt;
padding: 0pt;
position: relative;
text-align: center;
width: ".$width."px;
border-collapse: collapse;
}
#progressValue".$id."{
background: transparent url(".$imgProggress.") repeat-x scroll 0%;
float: left;
height: ".$height."px;
margin: 0pt;
padding: 0pt;
font-size: 11px;
}
</style>
<div class='progress".$id."'>
<div id='progressValue".$id."' style='width: 0%' >
<span id='progressText".$id."'></span>
</div>
</div>
";
flush();
return $id;
}
function progressSetValue($value,$id=0){
echo"
<script type='text/javascript'>
<!--
setValue(".$id.",".$value.");
//-->
</script>
";
flush();
}
function progressSetText($text,$id=0){
echo"
<script type='text/javascript'>
<!--
setText(".$id.",'".$text."');
//-->
</script>
";
flush();
}
function redirect($url){
echo"
<script type='text/javascript'>
<!--
window.location = '".$url."';
//-->
</script>
";
flush();
}
?>

91
class/PHPProgressBar.php Normal file
View file

@ -0,0 +1,91 @@
<?php
//created by Ziver koc. Nice hu
// Too make this work you must have echoed out html and the body tags
class PHPProgressBar{
//********* STATIC **********************
public static $progressInit = false;
public static $progressNextId = 0;
//**************************************
private $id;
public function __construct($width, $height, $imgBar, $imgProggress){
if(!self::$progressInit){
echo"
<script type='text/javascript'>
<!--
function setValue(id,value){
document.getElementById('progressValue'+id).style.width = value+'%';
}
function setText(id,text){
document.getElementById('progressText'+id).innerHTML = text;
}
//-->
</script>";
self::$progressInit = true;
}
$this->id = self::$progressNextId;
self::$progressNextId++;
echo"
<style type='text/css'>
.progress".$this->id."{
background: transparent url(".$imgBar.") repeat-x scroll 0%;
border: 1px solid black;
color: white;
height: ".$height."px;
margin: 5pt;
padding: 0pt;
position: relative;
text-align: center;
width: ".$width."px;
border-collapse: collapse;
}
#progressValue".$this->id."{
background: transparent url(".$imgProggress.") repeat-x scroll 0%;
float: left;
height: ".$height."px;
margin: 0pt;
padding: 0pt;
font-size: 11px;
}
</style>
<div class='progress".$this->id."'>
<div id='progressValue".$this->id."' style='width: 0%' >
<span id='progressText".$this->id."'></span>
</div>
</div>
";
flush();
}
public function setValue($value){
echo"
<script type='text/javascript'>
<!--
setValue(".$this->id.",".$value.");
//-->
</script>
";
flush();
}
public function setText($text){
echo"
<script type='text/javascript'>
<!--
setText(".$this->id.",'".$text."');
//-->
</script>
";
flush();
}
public function redirect($url){
echo"
<script type='text/javascript'>
<!--
window.location = '".$url."';
//-->
</script>
";
flush();
}
}
?>

BIN
img/progressbarcenter.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 657 B

BIN
img/progressbarleft.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 676 B

BIN
img/progressbarright.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 676 B

BIN
img/progresscenter.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 661 B

BIN
img/progressleft.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 637 B

BIN
img/progressright.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 637 B

23
test/phpprogressbar.php Normal file
View file

@ -0,0 +1,23 @@
<?php
require_once("../class/PHPProgressBar.php");
// Example of use
echo"<html><body><center>";
$p1 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-life.gif");
$p2 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-mana.gif");
$p3 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-life.gif");
$p4 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-mana.gif");
for($i=0;$i<=100;$i+=2){
sleep(1);
$p1->setValue($i);
$p1->setText($i."%");
$p2->setValue($i/2,1);
$p2->setText(($i/2)."%",1);
$p3->setValue($i/4,2);
$p3->setText(($i/4)."%",2);
$p4->setValue($i/3,3);
$p4->setText(($i/3)."%",3);
//echo $i."% > ";
}
echo"</center></body></html>";
$p1->redirect("http://google.com");
?>