Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, esse código abaixo que o ( Andrey ) me deu uma força tirando uma dúvida que eu tinha, ele faz o seguinte...
Ele pegar os e-mails e vai listando juntamente com o progress bar, porém é que se eu tiver um registro até ( 100 e-mails ) o progress bar + a listagem dos e-mails abaixo segue normais, alinhados e sincronizados, mas... quando eu coloco uma lista de 200 e-mails ou acima de 100 e-mails, o progresse bar ele chega até 100 e para como se ja concretizou, mas a listagem abaixo ela continua listando o restante dos e-mails, o que acontece é que o progress bar acima de 100 registros de e-mail ele já não consegui sincronizar de acordo a quantidade de registros, alguém ai sabe como eu poderia resolver isso???
# CÓDIGO PROGRESS BAR jQuery + PHP #
{ Créditos.: Andrey }
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/sunny/jquery-ui.css" type="text/css" />
<script type="text/javascript">
function id( el ){
return document.getElementById( el )
}
function changeDisplay( els, val ){
for( var i = 0 ; i < els.length ; i ++ ) {
els[ i ].style.display = val;
}
}
function mostra( ps ){
//if( ps.length > i ) $( '#current' ) . html ( ps[ i ] . innerHTML ) ;
if( ps.length > i ) ps[ i ] . style . display = 'block' ;
else window.clearInterval( intv );
$( document ) . ready ( function () {
$( '#progress' ) . progressbar({ value : i }) ;
} ) ;
i++;
}
var i = 0;
var intv = 0;
window.onload = function(){
var ps = id('sendedMails').getElementsByTagName('p');
changeDisplay( ps, 'none' );
intv = window.setInterval( mostra, 100, ps );
}
</script>
</head>
<style type="text/css">
<!--
.sended{
display: none;
}
-->
</style>
<body>
<div id="progress"></div>
<div id="current"></div>
<div id="sendedMails">
<?php
for( $i = 0 ; $i <= 150 ; ++ $i ) {
printf( '<p class="sended">teste%d@email.com</p>' , $i ) ;
// faz um loop de 150 e-mails
}
?>
</div>
</body>
</html>Se alguém puder me ajudar agradeço.
Valeu :D
Carregando comentários...