Zend FR
Consultez la FAQ sur le ZF avant de poster une question
Vous n'êtes pas identifié.
#1 29-04-2013 23:59:37
- hieros
- Nouveau membre
- Date d'inscription: 08-12-2010
- Messages: 9
[zf 1.11] progress bar
Bonsoir,
Je cherche à appliquer l'exemple de la doc sur une simple boucle, je tourne autour mais je bloque.
je trouve beaucoup d'expl sur de l'upload de fichier mais rien sur une simple boucle.
L'idée à terme est de suivre le déroulement d'un script un peu long.
Alors si quelqu'un à une idée, je suis preneur
Merci d'avance
je met ci-dessous mon code de test :
Controller
Code:
<?php
class IndexController extends Zend_Controller_Action
{
public function init()
{
/* Initialize action controller here */
}
public function indexAction()
{
$this->view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");
ZendX_JQuery::enableView($this->view);
// action body
$min = 1;
$max = 20;
$adapter = new Zend_ProgressBar_Adapter_JsPush();
$progressBar = new Zend_ProgressBar($adapter, $min, $max);
for ($i=$min; $i<=$max; $i++) {
$progressBar->update($i,'text');
}
$progressBar->finish();
}
}Vue
Code:
<style>
#long-running-process {
position: absolute;
left: -100px;
top: -100px;
width: 1px;
height: 1px;
}
#zend-progressbar-container {
width: 100px;
height: 30px;
border: 1px solid #000000;
background-color: #ffffff;
}
#zend-progressbar-done {
width: 0;
height: 30px;
background-color: #000000;
}
</style>
<script type="text/javascript">
function Zend_ProgressBar_Update(data)
{
document.getElementById('zend-progressbar-done').style.width =
data.percent + '%';
}
function Zend_ProgressBar_Finish()
{
}
</script>
<div id="zend-progressbar-container">
<div id="zend-progressbar-done"></div>
</div>
<!-- <iframe src="#" id="long-running-process"></iframe> -->et le source obtenu :
Code:
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":1,"max":20,"percent":0,"timeTaken":0,"timeRemaining":null,"text":null});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":1,"max":20,"percent":0,"timeTaken":0,"timeRemaining":null,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":2,"max":20,"percent":5.2631578947368,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":3,"max":20,"percent":10.526315789474,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":4,"max":20,"percent":15.789473684211,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":5,"max":20,"percent":21.052631578947,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":6,"max":20,"percent":26.315789473684,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":7,"max":20,"percent":31.578947368421,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":8,"max":20,"percent":36.842105263158,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":9,"max":20,"percent":42.105263157895,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":10,"max":20,"percent":47.368421052632,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":11,"max":20,"percent":52.631578947368,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":12,"max":20,"percent":57.894736842105,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":13,"max":20,"percent":63.157894736842,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":14,"max":20,"percent":68.421052631579,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":15,"max":20,"percent":73.684210526316,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":16,"max":20,"percent":78.947368421053,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":17,"max":20,"percent":84.210526315789,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":18,"max":20,"percent":89.473684210526,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":19,"max":20,"percent":94.736842105263,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<script type="text/javascript">parent.Zend_ProgressBar_Update({"current":20,"max":20,"percent":100,"timeTaken":0,"timeRemaining":0,"text":"text"});</script><br />
<html>
<head>
<link rel="stylesheet" href="/js/jquery-ui-1.8.21.custom/css/my/jquery-ui-1.8.21.custom.css" type="text/css" media="screen">
<script type="text/javascript" src="/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.9.2.custom.min.js"></script>
</head>
<body>
<section id="main">
<article>
<style>
#long-running-process {
position: absolute;
left: -100px;
top: -100px;
width: 1px;
height: 1px;
}
#zend-progressbar-container {
width: 100px;
height: 30px;
border: 1px solid #000000;
background-color: #ffffff;
}
#zend-progressbar-done {
width: 0;
height: 30px;
background-color: #000000;
}
</style>
<script type="text/javascript">
function Zend_ProgressBar_Update(data)
{
document.getElementById('zend-progressbar-done').style.width =
data.percent + '%';
}
function Zend_ProgressBar_Finish()
{
}
</script>
<div id="zend-progressbar-container">
<div id="zend-progressbar-done"></div>
</div>
<!-- <iframe src="#" id="long-running-process"></iframe> --> </article>
</section>
</body>
</html>Hors ligne
Graphisme réalisé par l'agence Rodolphe Eveilleau
Développement par Kitpages
Développement par Kitpages