Hola gente, dejo aqui abajo un script en java que simula una barra de carga con progreso y redirecciona al terminar...
El problema es que solo funciona con explorer.. ¿Que abria que hacer para que funcione tambien con firefox?
Que otro metodo script puede haber que funcione con los dos navegadores?
Desde ya muchas gracias..
Saludos.
Código PHP:
<HTML>
<HEAD>
<p> </p>
<p>
<span style="font-weight: 700">
<font face="Verdana" style="font-size: 15pt" color="#FFFFFF">
Cargando pagina...</font></span></p>
<p> </p>
<p>
<span style="font-weight: 700"><font face="Verdana" style="font-size: 15pt">
<br>
<br>
</font></span>
</p>
<center>
<style>
#barMv{
POSITION:absolute;
LEFT:0;
TOP:0;
BACKGROUND-COLOR:green;
}
#barBg{
POSITION:absolute;
LEFT:0;
TOP:0;
BACKGROUND-COLOR:white;
BORDER:green 1px solid;
COLOR:white;
FONT-WEIGHT:bold;
FONT-FAMILY: "Verdana, Arial";
FONT-SIZE: 13px;
}
#prct{
COLOR:white;
FONT-WEIGHT:bold;
FONT-FAMILY: "Verdana, Arial";
FONT-SIZE: 13px;
}
</style><script language="JavaScript1.2">
function postaction()
{
window.location="principal.htm"
}
var percent = 0
var clipright=0
var widthIE=0
var widthNS=0
function initializebar(){
if (document.all){
document.all.barMv.style.clip="rect(0 0 auto 0)"
baranchor.style.visibility="visible"
widthIE=barBg.style.pixelWidth
startIE=setInterval("increaseIE()",200)
}
if (document.layers){
widthNS=document.baranchorNS.document.barBgNS.clip.width
document.baranchorNS.document.barMvNS.clip.right=0
document.baranchorNS.visibility="show"
startNS=setInterval("increaseNS()",200)
}
}
function increaseIE(){
percent = percent + 1
if (percent > 100) percent = 100
document.all.barMv.style.clip="rect(0 "+clipright+" auto 0)"
document.all.barBg.innerHTML = percent + "%"
document.all.prct.innerHTML = percent + "%"
if (clipright<widthIE)
clipright = Math.floor(widthIE * percent / 100)
else{
clearInterval(startIE)
postaction()
}
}
function increaseNS(){
percent = percent + 1
if (percent > 100) percent = 100
if (clipright<baranchor.style.width){
document.baranchorNS.document.barMvNS.clip.right=clipright
clipright = Math.floor(widthNS * percent / widthNS)
}
else{
clearInterval(startNS)
postaction()
}
}
</script>
</HEAD>
<BODY onload="initializebar();" bgcolor="#000000">
</script><script language="JavaScript1.2">
if (document.all){
document.write('<DIV id="baranchor" style="position:relative;width:400px;height:20px; visibility:hidden;">')
document.write('<div id="barBg" align=center style="width:400px;height:20px;z-index:9">0%</div>')
document.write('<div id="barMv" align=center style="width:400px;height:20px;z-index:10">')
document.write('<TABLE cellSpacing=0 cellPadding=0 border=0 width=400 height=20><TBODY>')
document.write('<TR HEIGHT=20><TD Valign=middle ALIGN=center ID=prct>0%</TD></TR>')
document.write('</TBODY></TABLE></DIV></DIV>')
}
</script><ilayer name="baranchorNS" visibility="hide" width=400 height=20><layer name="barBgNS" bgcolor=black width=400 height=20 z-index=10 left=0 top=0></layer>
<layer name="barNS" bgcolor=red width=400 height=20 z-index=11 left=0 top=0></layer>
</ilayer>
<p dir="ltr"><font color="#FFFFFF"><font face="Verdana" size="2">Por favor sea paciente<span lang="fr-ca">...</span></font>
</font>
</p>
</BODY>
</HTML>