Buenas!! vereis tengo una cuenta atras de apertura en una página web, he cogido un codigo de una cuenta atrás y lo he modificado, pero resulta de que cuando lo copio a un txt y lo pruebo de manera local me funciona perfecto, sin embargo, una vez subido en el joomla como pagina principal no se me ve siquiera.
¿Álquien sabe si hago algo en el codigo que no me permita o tengo que modificar algun parámetro?
Muchas gracias, aqui dejo el codigo:
<html>
<head>
<script type="text/javascript">
// estas dos variables se pueden modificar
//fecha de referencia del contador: fin del año 2008
var futuro = new Date (2010,00,28,17,00);
//actualiza el contador cada 4 segundos ( = 1000 milisegundos)
var actualiza = 1000;
// función que calcula y escribe el tiempo en días, horas, minutos y segundos
// que faltan para la variable futuro
function faltan(){
var ahora = new Date();
var faltan = futuro - ahora;
// si todavís no es futuro
if (faltan > 0){
var segundos = Math.round(faltan/1000);
var minutos = Math.floor(segundos/60);
var segundos_s = segundos%60;
var horas = Math.floor(minutos/60);
var minutos_s = minutos%60;
var dias = Math.floor(horas/24);
var horas_s = horas%24;
// escribe los resultados
(segundos_s < 10)? segundos_s = "0"+ segundos_s: segundos_s = segundos_s;
(minutos_s < 10)? minutos_s = "0"+ minutos_s: minutos_s = minutos_s;
(horas_s < 10)? horas_s = "0"+ horas_s: horas_s = horas_s;
(dias < 10)? dias = "0"+ dias: dias = dias;
var resultado = dias+" "+ horas_s +" "+ minutos_s +" " + segundos_s ;
document.formulario.reloj.value = resultado;
//actualiza el contador
setTimeout("faltan()",actualiza);
}
// estamos en el futuro
else {
document.formulario.reloj.value= "00 dias : 00 horas : 00 minutos : 00 segundos" ;
}
}
</script>
<style type="text/css">
<!--
.Estilo1 { font-family: "Adobe Garamond Pro Bold"
}
#apDiv6 {
position:absolute;
left:377px;
top:314px;
width:648px;
height:28px;
z-index:6;
}
#apDiv1 {
position:absolute;
left:379px;
top:172px;
width:4500px;
height:109px;
z-index:7;
}
.Estilo3 {color: #FFFFFF}
-->
</style>
</head>
<body onLoad="faltan();">
<div id="apDiv6">
<table width="731" border="0">
<tr>
<td width="141" class="Estilo1"><div align="center">DIAS</div></td>
<td width="222" class="Estilo1"><div align="center"> HORAS</div></td>
<td width="177" class="Estilo1"><div align="left"> <span class="Estilo3">...........</span>MIN </div></td>
<td width="173" class="Estilo1"><div align="justify"> <span class="Estilo3">.............</span>SEG</div></td>
</tr>
</table>
</div>
<div id="apDiv1">
<form name="formulario">
<p>
<input type="text" name="reloj" value="" size="40" style="color: #0099FF; border:0; font-size: 80pt;" solid black; text-align : center">
</p>
</p>
</form>
</div>
<p> </p>
<p> </p>
</body>
</html>
