Consultez la FAQ sur le ZF avant de poster une question
Vous n'êtes pas identifié.
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
<?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
<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 :
<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