Script funciona en IE, pero no en firefox

tornao · #1 (**permalink**) 26/11/2009, 18:58

Buenas mis amigo es mi primera particiapacion y pregunta y desde ya agradecer la atencion e interes al que lea esto, empiezo:

Tengo el siguiente codigo de javascript para mostrar la fecha y hora, que quiero agregar a mi pagina lo que sucede es que muestra la hora y fecha pero solo en IE6 , pero en firefox(v. 3.0.15) no se ve, alguien que me ayude a saber cual es la incompatibilidad

Código:

 
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript" >
function FechaHora()  {	
	//hayando hora
	//extrayendo las horas, minutos y segundos del reloj del sistema.
	vtiempo=new Date();
	vhora=vtiempo.getHours();
	vminuto=vtiempo.getMinutes();
	vsegundo=vtiempo.getSeconds();
	//agregando cero a la izquierda a los minutos.
	if(vminuto<10)  { 
		vminuto="0"+vminuto.toString() 
	}
	else  { 
		vminuto=vminuto.toString() 
	}	
	//agregando cero a la izquierda a los segundos.	
	if(vsegundo<10) { 
		vsegundo="0"+vsegundo.toString() 
	}	
	else  { 
	 	vsegundo=vsegundo.toString()
	}		
	//hallando la hora.
	if(vhora==0)  {	//es decir, las 12 A.M.
		vnhora=12 
	}
	else { 
		if (vhora<13)  { //es decir, vnhora sera de 1 A.M. a 12 P.M.	
			vnhora=vhora 
		}	
		else  { 
			vnhora=vhora-12 
		}	
	}	
	//agregando cero a la izquierda de las horas.		
	if (vnhora<10)  { 
		vnhora="0"+vnhora.toString() 
	}
	else  { 
		vnhora=vnhora.toString() 
	}	
	//mostrando la hora 
	if(vhora<=11)  {  //hora A.M.	
		vmhora=vnhora+":"+vminuto+" am" 
	}	 
	else  {	//hora P.M.	
		vmhora=vnhora+":"+vminuto+" pm" 
	}
	
	//hayando  fecha
	ndia=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado");
	nmes=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Juio","Agosto","Setiembre","Octubre","Noviembre","Diciembre")
	vfecha=new Date();
	vmes=vfecha.getMonth();
	vdiasem=vfecha.getDay();
	vdia=vfecha.getDate();
	vanno=vfecha.getFullYear();
	vmfecha=ndia[vdiasem]+", "+vdia.toString()+" de "+nmes[vmes]+" "+vanno.toString()
	
	txtFechaHora.value=vmfecha+" | "+vmhora
	
	window.setTimeout("FechaHora()",200)	 
}
</script>

<style type="text/css">

.CajaFechaHora {
	height:26px;
	width:250px;
	background:none;
	border:none;
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica;
	color:#666;
	text-align:right;
}

</style>
</head>

<body onload="FechaHora();">
<input type="text" class="CajaFechaHora" id="txtFechaHora" /> 

</body>
</html>

debosotnas · #2 (**permalink**) 26/11/2009, 23:52

Que tal tornao?
IE "a veces" no respeta ciertos estándares... por eso puede que hayan cosas que no estén del todo bien, y que funcionen de todas formas.
Creo que este podría ser tu caso.
Puntualmente, y vamos a la ayuda... en tu estructura HTML tienes un input con un id "txtFechaHora" donde estás escribiendo la fecha y hora que calculas en tu función.
prueba usar:

document.getElementById("txtFechaHora").value = vmfecha+" | "+vmhora;

en lugar de:

txtFechaHora.value=vmfecha+" | "+vmhora

Saludos...

debosotnas · #3 (**permalink**) 26/11/2009, 23:53

Que tal tornao?
IE "a veces" no respeta ciertos estándares... por eso puede que hayan cosas que no estén del todo bien, y que funcionen de todas formas.
Creo que este podría ser tu caso.
Puntualmente, y vamos a la ayuda... en tu estructura HTML tienes un input con un id "txtFechaHora" donde estás escribiendo la fecha y hora que calculas en tu función.
prueba usar:

document.getElementById("txtFechaHora").value = vmfecha+" | "+vmhora;

en lugar de:

txtFechaHora.value=vmfecha+" | "+vmhora

Saludos...

tornao · #4 (**permalink**) 27/11/2009, 11:46

Debosotnas, mil gracias te pasaste!!!

si se arreglo el problema... una pregunta mas(no abro otro hilo xq es para preguntar basandonse en este tema), ya se que este problema se aprende con la practica y de los errores, bueno la pregunta es donde encuentro un manual sobre el estandar, digo para casos futuros que me pasen algo similar, osea que no funcione por un tema de estandar y compatibilidad...

O que me indquen los errores comunes que hacen q funcione en IE pero no en firefox!

Gracias!

tornao · #5 (**permalink**) 27/11/2009, 12:06

Disculpa que me aproveche de tu conocimiento, a ver si me puedes ayudar, o me pueden ayudar con esta:

igual este script funciona en IE, pero no en Firefox

Código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sin t&iacute;tulo</title>

<script type="text/javascript">
//<![CDATA[

var textoBarraEstado   = "Texto a mostrar en la barra de estado   ";
var contadorCaracteres = 1;

function MarquesinaBarraEstado()
{
  if(contadorCaracteres == textoBarraEstado.length)
    contadorCaracteres = 1;

  window.status = textoBarraEstado.substring(0, contadorCaracteres++);
  window.setTimeout("MarquesinaBarraEstado()", 100);
}
  
//]]>

</script>


</head>

<body onload="MarquesinaBarraEstado()">
fijate en la barra de estado

</body>
</html>

Adler · #6 (**permalink**) 27/11/2009, 13:40

Hola

Has de configurar el navegador
Herramientas - Opciones - Contenido - Activar JavaScript / Avanzado - Cambiar texto de la barra de estado

o en la barra del navagador about:config y después buscas dom.disable_window_status_change y lo cambias a false

Suerte