Pessoal eu tenho um h:commandButton que chama um rich:modalPanel, esse rich:modalPanel tem um progressbar dentro dele... preciso q minha pagina so seja subimetida quando o progress acabar!!! como eu posso juntar essas coisas...
o meu codigo esta assim:
<script>
//<![CDATA[
var counter = 1;
var step = 1;
var interval = 100;
var intervalID;
function updateProgress(i) {
$('form:progressBar').component.setLabel(counter*step + ' %');
$('form:progressBar').component.setValue(counter*step);
if ((counter++) > 100 / step){
counter = 1;
window.clearInterval(intervalID);
}
}
function startProgress(){
counter=1;
$('form:progressBar').component.enable();
$('form:progressBar').component.setValue(1);
intervalID = setInterval(updateProgress,interval);
}
//]]>
</script>
<div style="text-align: center" id="div1">
<rich:modalPanel id="modelPanel" width="350" height="100">
<f:facet name="header">
<h:panelGroup>
<h:outputText value="Modal Panel" />
</h:panelGroup>
</f:facet>
<f:facet name="controls"></f:facet>
<rich:progressBar mode="client" id="progressBar" >
<h:outputText value="null"/>
</rich:progressBar>
</rich:modalPanel>
<h:commandButton type="button" styleClass="buttonFormulario" value="Ok" id="btnOk" onclick="startProgress();" >
<rich:componentControl for="modelPanel" attachTo="btnOk" operation="show" event="onclick"/>
</h:commandButton>
</div>
Obrigado a todos!
