Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal já tem muito tempo que não programo em php, e queria uma ajuda.
Estou tentando fazer as barras do show_prog_bar regredir, mais quero fazer isso sem precisar atualizar a pagina inteira.
ou seja, colocar os valores indicados nos campos indicados e ao enviar atualizar os show_prog_bar, tendo assim o valor diminuído conforme o valor. :grin:
<?
function show_prog_bar($width, $percent, $type = 'green', $color = '#000') {
$font = 'Tahoma';
$font_size = '8px';
$font_weight = 'bold'; // bold, normal
$imgs_folder = 'images/';
$percent = min($percent, 100);
$width -= 2;
$result = (($percent*$width) / 100);
$return = '';
$return .= '<div name="progress">';
$return .= '<div style="background: url(\''.$imgs_folder.'/progress.gif\') no-repeat; height: 13px; width: 1px; display: block; float: left"><!-- --></div>';
$return .= '<div style="background: url(\''.$imgs_folder.'/bg.gif\'); height: 13px; width: '.$width.'px; display: block; float: left">';
$return .= '<span style="background: url(\''.$imgs_folder.'/on_'.strtolower($type).'.gif\'); display: block; float: left; width: '.$result.'px; height: 11px; margin: 1px 0; font-size: '.$font_size.'; font-family: \''.$font.'\'; line-height: 11px; font-weight: '.$font_weight.'; text-align: right; color: '.$color.'; letter-spacing: 1px;"> '.$percent.'% </span>';
$return .= '</div>';
$return .= '<div style="background: url(\''.$imgs_folder.'/progress.gif\') no-repeat; height: 13px; width: 1px; display: block; float: left"><!-- --></div>';
$return .= '</div>';
return $return;
};
?>
<html>
<head><title>Teste</title>
<body>
<form method="POST" action="<?php echo $PHP_SELF; ?>">
<?=show_prog_bar(200, 100, 'red');?><br />
<?=show_prog_bar(200, 100, 'blue', 'black');?><br />
<?=show_prog_bar(200, 100);?>
<input type="Vida" size="20">
<input type="Magia" size="20">
<input type="Stamina" size="20"><input type="button" value="Enviar">
</form>
</body>
</html>
Agradeço aos que mim ajudarem, estarei tentando aqui caso funcione deixarei os resultados.
Carregando comentários...