Buenas, me he dado cuenta que cuando ejecutos codigos que me funcionan perfecto de forma local, al ejecutarlo sobre joomla, me aperecen vacios como es el caso de cajas de texto y demas.
Quisiera saber si para usar php javascript y demas deberia acticvar alguan opción, ya que me servidor lo soporta y dependendiento el tipo de codigo me lo coge o no.
Por ejemplo:
CODIGO QUE ME FUNCIONA:
<p style="text-align: center;">
<script type="text/javascript">// <![CDATA[
function faltan(una,dos,tres)
{
var actualiza = 1000;
uuna=una;
ddos=dos;
ttres=tres;
var ahora = new Date();
var faltan = uuna - ddos;
if (faltan >= 0)
{
var segundos = faltan;
var minutos = Math.floor(faltan/60);
var segundos_s = segundos%60;
if (segundos_s <= 9)
{
segundos_s= "0"+segundos_s;
}
var horas = Math.floor(minutos/60);
var minutos_s = minutos%60;
if (minutos_s <= 9)
{
minutos_s= "0"+minutos_s;
}
var dias = Math.floor(horas/24);
var horas_s = horas%24;
document.getElementById(ttres).value= " "+dias+" "+horas_s+" "+minutos_s+" "+segundos_s;
//document.hora.elements["reloj" + ttres].value= horas_s+":"+minutos_s+":"+segundos_s;
ddos=ddos+1;
setTimeout("faltan("+uuna+","+ddos+","+ttres+")",a ctualiza);
}
else
{
window.location.href="ganador.php?id="+ttres;
return true;
}
}
// ]]></script>
</p>
<!-- .Estilo1 { font-family: "Adobe Garamond Pro Bold" } #apDiv1 { position:absolute; left:211px; top:186px; width:842px; height:155px; z-index:1; } #apDiv2 { position:absolute; left:268px; top:347px; width:86px; height:21px; z-index:2; } #apDiv3 { position:absolute; left:48px; top:333px; width:100px; height:27px; z-index:3; } #apDiv4 { position:absolute; left:62px; top:380px; width:73px; height:27px; z-index:4; } #apDiv5 { position:absolute; left:158px; top:414px; width:71px; height:26px; z-index:5; } #apDiv6 { position:absolute; left:352px; top:319px; width:648px; height:28px; z-index:6; } -->
<div id="apDiv1" style="text-align: center;">
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<div id="apDiv1">
<p style="text-align: right;"> </p>
<p style="text-align: right;"> </p>
</div>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
</div>
<div id="contenedor" style="text-align: center;">
<div class="caja2"><form id="tiempo">
<p align="center"> </p>
</form>
<div>
<script type="text/javascript">// <![CDATA[
window.onload = function()
{
faltan(1262646000,1257862542,38); }
// ]]></script>
<p style="text-align: center;"> </p>
</div>
<p align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="center"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
<p class="Estilo1" align="left"> </p>
</div>
</div>
<div style="position: absolute; left: 339px; top: 300px; width: 100px; height: 100px;">
<div id="apDiv1">
<p style="text-align: right;"><input id="38" style="border: 0pt none; color: #0099ff; font-size: 80pt;" name="reloj38" type="text" /></p>
</div>
</div>
<div style="position: absolute; left: 519px; top: 427px; width: 108px; height: 23px;"><span style="font-family: verdana,geneva;"><strong><span style="font-size: medium;">DIAS</span></strong></span></div>
<div style="position: absolute; left: 661px; top: 428px; width: 100px; height: 17px;"><span style="font-size: medium;"><span style="font-family: verdana,geneva;"><strong>HRS</strong></span></span></div>
<div style="position: absolute; left: 836px; top: 429px; width: 103px; height: 24px;"><span style="font-size: medium;"><strong><span style="font-family: verdana,geneva;">MIN</span></strong></span></div>
<div style="position: absolute; left: 1031px; top: 432px; width: 102px; height: 16px;"><span style="font-size: medium;"><strong>SEG</strong></span></div>
<div style="position: absolute; left: 469px; top: 455px; width: 816px; height: 229px;"><img src="images/club%20teatinos.png" border="0" width="600" height="514" /></div>
CODIGO QUE NO ME FUNCIONA:
<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>
quisiera aparte de la ayuda posible, que alguien los probara en su joomla.
Gracias a todos!!
