Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema cmik22
A ver si esto te vale:


style
#container{width:400px; height:15px; border:solid 1px red; overflow:hidden;}
#dateinput{p/osition:relative; width:300px; background-color:#CCC; font:12px
Arial, Helvetica, sans-serif;}
/style
script language=javascript type=text/javascript
window.onload=ini;
var pos=400;
function ini(){
 reloj();
 posicion();
}
function reloj() {
 //obtiene fecha y hora
 var fecha = new Date();
 var Anio = fecha.getFullYear();
 var Mes = fecha.getMonth();
 var DiaActual = fecha.getDate();
 var Dia = fecha.getDay();
 var horas = fecha.getHours();
 var minutos = fecha.getMinutes();
 var segundos = fecha.getSeconds();

 //asigna p.m. o a.m. segun el caso
 var cir =(horas  12)? A.M. : P.M.;
 //array nombres meses
 var mes =
[Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
 Mes = mes[Mes];
 //array nombres dias
 var dia =
[Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
 Dia = dia[Dia];
 //array horas
  var horas = horas%12;
 horas = (horas==0)?12:(horas10)?0+horas:horas;
  minutos=(minutos 10)?0+minutos:minutos;
 segundos=(segundos 10)?0+segundos:segundos;
 //cadena final
 textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
+horas+:+minutos+:+segundos+ +cir+);
// alert(textoFinal)
document.getElementById(dateinput).innerHTML = textoFinal
 //repite cada 1 segundo
 setTimeout(reloj(),1000);
}
function posicion(){
 pos--;
 if (pos-301)pos=400;
 document.getElementById(dateinput).style.marginLeft = pos +px;
 setTimeout(posicion(),10);
}
/script
div id=containerdiv id=dateinput/div/div
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Tei
O tambien...

marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
PM/marquee

script

function foo(){
document.getElementById(pasaLaHoraVolando).setAttribute(value,new Date());
 setTimeout(foo(),100);
}

setTimeout(foo(),300);

/script

;-)

On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
 A ver si esto te vale:


 style
 #container{width:400px; height:15px; border:solid 1px red; overflow:hidden;}
 #dateinput{p/osition:relative; width:300px; background-color:#CCC; font:12px
 Arial, Helvetica, sans-serif;}
 /style
 script language=javascript type=text/javascript
 window.onload=ini;
 var pos=400;
 function ini(){
  reloj();
  posicion();
 }
 function reloj() {
  //obtiene fecha y hora
  var fecha = new Date();
  var Anio = fecha.getFullYear();
  var Mes = fecha.getMonth();
  var DiaActual = fecha.getDate();
  var Dia = fecha.getDay();
  var horas = fecha.getHours();
  var minutos = fecha.getMinutes();
  var segundos = fecha.getSeconds();

  //asigna p.m. o a.m. segun el caso
  var cir =(horas  12)? A.M. : P.M.;
  //array nombres meses
  var mes =
 [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
  Mes = mes[Mes];
  //array nombres dias
  var dia =
 [Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
  Dia = dia[Dia];
  //array horas
   var horas = horas%12;
  horas = (horas==0)?12:(horas10)?0+horas:horas;
   minutos=(minutos 10)?0+minutos:minutos;
  segundos=(segundos 10)?0+segundos:segundos;
  //cadena final
  textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
 +horas+:+minutos+:+segundos+ +cir+);
 // alert(textoFinal)
 document.getElementById(dateinput).innerHTML = textoFinal
  //repite cada 1 segundo
  setTimeout(reloj(),1000);
 }
 function posicion(){
  pos--;
  if (pos-301)pos=400;
  document.getElementById(dateinput).style.marginLeft = pos +px;
  setTimeout(posicion(),10);
 }
 /script
 div id=containerdiv id=dateinput/div/div

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Pablo Viojo
No por favor, no a la marquesina ;)


-- 
Pablo Viojo
[EMAIL PROTECTED]
http://pviojo.net


On Jan 11, 2008 7:15 AM, Tei [EMAIL PROTECTED] wrote:

 O tambien...

 marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
 PM/marquee

 script

 function foo(){
 document.getElementById(pasaLaHoraVolando).setAttribute(value,new
 Date());
  setTimeout(foo(),100);
 }

 setTimeout(foo(),300);

 /script

 ;-)

 On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
  A ver si esto te vale:
 
 
  style
  #container{width:400px; height:15px; border:solid 1px red;
 overflow:hidden;}
  #dateinput{p/osition:relative; width:300px; background-color:#CCC;
 font:12px
  Arial, Helvetica, sans-serif;}
  /style
  script language=javascript type=text/javascript
  window.onload=ini;
  var pos=400;
  function ini(){
   reloj();
   posicion();
  }
  function reloj() {
   //obtiene fecha y hora
   var fecha = new Date();
   var Anio = fecha.getFullYear();
   var Mes = fecha.getMonth();
   var DiaActual = fecha.getDate();
   var Dia = fecha.getDay();
   var horas = fecha.getHours();
   var minutos = fecha.getMinutes();
   var segundos = fecha.getSeconds();
 
   //asigna p.m. o a.m. segun el caso
   var cir =(horas  12)? A.M. : P.M.;
   //array nombres meses
   var mes =
 
 [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
   Mes = mes[Mes];
   //array nombres dias
   var dia =
  [Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
   Dia = dia[Dia];
   //array horas
var horas = horas%12;
   horas = (horas==0)?12:(horas10)?0+horas:horas;
minutos=(minutos 10)?0+minutos:minutos;
   segundos=(segundos 10)?0+segundos:segundos;
   //cadena final
   textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
  +horas+:+minutos+:+segundos+ +cir+);
  // alert(textoFinal)
  document.getElementById(dateinput).innerHTML = textoFinal
   //repite cada 1 segundo
   setTimeout(reloj(),1000);
  }
  function posicion(){
   pos--;
   if (pos-301)pos=400;
   document.getElementById(dateinput).style.marginLeft = pos +px;
   setTimeout(posicion(),10);
  }
  /script
  div id=containerdiv id=dateinput/div/div
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Pablo Viojo
[EMAIL PROTECTED]
http://pviojo.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Eduard Gamonal
no sé javascript, pero ese código de arriba tiene pinta de pedir a
gritos un bucle!

On Jan 11, 2008 11:15 AM, Tei [EMAIL PROTECTED] wrote:
 O tambien...

 marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
 PM/marquee

 script

 function foo(){
 document.getElementById(pasaLaHoraVolando).setAttribute(value,new Date());
  setTimeout(foo(),100);
 }

 setTimeout(foo(),300);

 /script

 ;-)


 On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
  A ver si esto te vale:
 
 
  style
  #container{width:400px; height:15px; border:solid 1px red; overflow:hidden;}
  #dateinput{p/osition:relative; width:300px; background-color:#CCC; font:12px
  Arial, Helvetica, sans-serif;}
  /style
  script language=javascript type=text/javascript
  window.onload=ini;
  var pos=400;
  function ini(){
   reloj();
   posicion();
  }
  function reloj() {
   //obtiene fecha y hora
   var fecha = new Date();
   var Anio = fecha.getFullYear();
   var Mes = fecha.getMonth();
   var DiaActual = fecha.getDate();
   var Dia = fecha.getDay();
   var horas = fecha.getHours();
   var minutos = fecha.getMinutes();
   var segundos = fecha.getSeconds();
 
   //asigna p.m. o a.m. segun el caso
   var cir =(horas  12)? A.M. : P.M.;
   //array nombres meses
   var mes =
  [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
   Mes = mes[Mes];
   //array nombres dias
   var dia =
  [Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
   Dia = dia[Dia];
   //array horas
var horas = horas%12;
   horas = (horas==0)?12:(horas10)?0+horas:horas;
minutos=(minutos 10)?0+minutos:minutos;
   segundos=(segundos 10)?0+segundos:segundos;
   //cadena final
   textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
  +horas+:+minutos+:+segundos+ +cir+);
  // alert(textoFinal)
  document.getElementById(dateinput).innerHTML = textoFinal
   //repite cada 1 segundo
   setTimeout(reloj(),1000);
  }
  function posicion(){
   pos--;
   if (pos-301)pos=400;
   document.getElementById(dateinput).style.marginLeft = pos +px;
   setTimeout(posicion(),10);
  }
  /script
  div id=containerdiv id=dateinput/div/div
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
tac822.net
MusicaLliure.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Santiago Valdés Morales
Muchas gracias a todos por la ayuda! Al parecer, debido a problemas de
estándar, tomé la opción de cmik22, pero lamentablemente no me
resulta. No sé porque, pero en Firefox simplemente no se muestra, y en
Explorer dice error, constante de cadena sin terminar. Me podrían
ayudar a dejarlo funcionando?

Muchas gracias de antemano!

2008/1/11 Pablo Viojo [EMAIL PROTECTED]:
 No por favor, no a la marquesina ;)


 --
 Pablo Viojo
 [EMAIL PROTECTED]
 http://pviojo.net



 On Jan 11, 2008 7:15 AM, Tei [EMAIL PROTECTED] wrote:

  O tambien...
 
  marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
  PM/marquee
 
  script
 
  function foo(){
  document.getElementById(pasaLaHoraVolando).setAttribute(value,new
  Date());
   setTimeout(foo(),100);
  }
 
  setTimeout(foo(),300);
 
  /script
 
  ;-)
 
  On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
   A ver si esto te vale:
  
  
   style
   #container{width:400px; height:15px; border:solid 1px red;
  overflow:hidden;}
   #dateinput{p/osition:relative; width:300px; background-color:#CCC;
  font:12px
   Arial, Helvetica, sans-serif;}
   /style
   script language=javascript type=text/javascript
   window.onload=ini;
   var pos=400;
   function ini(){
reloj();
posicion();
   }
   function reloj() {
//obtiene fecha y hora
var fecha = new Date();
var Anio = fecha.getFullYear();
var Mes = fecha.getMonth();
var DiaActual = fecha.getDate();
var Dia = fecha.getDay();
var horas = fecha.getHours();
var minutos = fecha.getMinutes();
var segundos = fecha.getSeconds();
  
//asigna p.m. o a.m. segun el caso
var cir =(horas  12)? A.M. : P.M.;
//array nombres meses
var mes =
  
  [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
Mes = mes[Mes];
//array nombres dias
var dia =
   [Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
Dia = dia[Dia];
//array horas
 var horas = horas%12;
horas = (horas==0)?12:(horas10)?0+horas:horas;
 minutos=(minutos 10)?0+minutos:minutos;
segundos=(segundos 10)?0+segundos:segundos;
//cadena final
textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
   +horas+:+minutos+:+segundos+ +cir+);
   // alert(textoFinal)
   document.getElementById(dateinput).innerHTML = textoFinal
//repite cada 1 segundo
setTimeout(reloj(),1000);
   }
   function posicion(){
pos--;
if (pos-301)pos=400;
document.getElementById(dateinput).style.marginLeft = pos +px;
setTimeout(posicion(),10);
   }
   /script
   div id=containerdiv id=dateinput/div/div
  
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 Pablo Viojo
 [EMAIL PROTECTED]
 http://pviojo.net

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Santiago Valdés Morales
Perdón...me habia olvidado de cambiar los form por divs. Mis
disculpas...esto funciona.
Pero presenta otro problema pequeño en Explorer. La barra comienza a
desplazarse desde el final de la página...digamos, desde lo más a la
derecha posible, donde se encuentra la barra de scroll. En Firefox no
presnta problemas pero...como podría resolver esto en Explorer?

Muchas gracias, se han pasado!



2008/1/11 Santiago Valdés Morales [EMAIL PROTECTED]:
 Muchas gracias a todos por la ayuda! Al parecer, debido a problemas de
 estándar, tomé la opción de cmik22, pero lamentablemente no me
 resulta. No sé porque, pero en Firefox simplemente no se muestra, y en
 Explorer dice error, constante de cadena sin terminar. Me podrían
 ayudar a dejarlo funcionando?

 Muchas gracias de antemano!

 2008/1/11 Pablo Viojo [EMAIL PROTECTED]:

  No por favor, no a la marquesina ;)
 
 
  --
  Pablo Viojo
  [EMAIL PROTECTED]
  http://pviojo.net
 
 
 
  On Jan 11, 2008 7:15 AM, Tei [EMAIL PROTECTED] wrote:
 
   O tambien...
  
   marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
   PM/marquee
  
   script
  
   function foo(){
   document.getElementById(pasaLaHoraVolando).setAttribute(value,new
   Date());
setTimeout(foo(),100);
   }
  
   setTimeout(foo(),300);
  
   /script
  
   ;-)
  
   On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
A ver si esto te vale:
   
   
style
#container{width:400px; height:15px; border:solid 1px red;
   overflow:hidden;}
#dateinput{p/osition:relative; width:300px; background-color:#CCC;
   font:12px
Arial, Helvetica, sans-serif;}
/style
script language=javascript type=text/javascript
window.onload=ini;
var pos=400;
function ini(){
 reloj();
 posicion();
}
function reloj() {
 //obtiene fecha y hora
 var fecha = new Date();
 var Anio = fecha.getFullYear();
 var Mes = fecha.getMonth();
 var DiaActual = fecha.getDate();
 var Dia = fecha.getDay();
 var horas = fecha.getHours();
 var minutos = fecha.getMinutes();
 var segundos = fecha.getSeconds();
   
 //asigna p.m. o a.m. segun el caso
 var cir =(horas  12)? A.M. : P.M.;
 //array nombres meses
 var mes =
   
   [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
 Mes = mes[Mes];
 //array nombres dias
 var dia =
[Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
 Dia = dia[Dia];
 //array horas
  var horas = horas%12;
 horas = (horas==0)?12:(horas10)?0+horas:horas;
  minutos=(minutos 10)?0+minutos:minutos;
 segundos=(segundos 10)?0+segundos:segundos;
 //cadena final
 textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
+horas+:+minutos+:+segundos+ +cir+);
// alert(textoFinal)
document.getElementById(dateinput).innerHTML = textoFinal
 //repite cada 1 segundo
 setTimeout(reloj(),1000);
}
function posicion(){
 pos--;
 if (pos-301)pos=400;
 document.getElementById(dateinput).style.marginLeft = pos +px;
 setTimeout(posicion(),10);
}
/script
div id=containerdiv id=dateinput/div/div
   
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  Pablo Viojo
  [EMAIL PROTECTED]
  http://pviojo.net
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
  http://lists.ovillo.org/mailman/listinfo/ovillo
 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Leonard Francisco
Hola Santiago, Hola lista
Santiago, tené en cuenta el darle el control del movimiento al usuario y que 
este no quede del lado del servidor. Pauta 7 de la WAI. El movmiento de 
objetos quita concentración en la lectura, distrae, y puede provocar otros 
efectos.

Sólo una sugerencia que espero sea bienvenida

saludos
Franky
co-Moderador de Acceso Web



-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Tei
Enviado el: Viernes, 11 de Enero de 2008 07:15
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Marquesina mostrando Fecha y Hora


O tambien...

marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
PM/marquee

script

function foo(){
document.getElementById(pasaLaHoraVolando).setAttribute(value,new Date());
 setTimeout(foo(),100);
}

setTimeout(foo(),300);

/script

;-)

On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
 A ver si esto te vale:


 style
 #container{width:400px; height:15px; border:solid 1px red; overflow:hidden;}
 #dateinput{p/osition:relative; width:300px; background-color:#CCC; font:12px
 Arial, Helvetica, sans-serif;}
 /style
 script language=javascript type=text/javascript
 window.onload=ini;
 var pos=400;
 function ini(){
  reloj();
  posicion();
 }
 function reloj() {
  //obtiene fecha y hora
  var fecha = new Date();
  var Anio = fecha.getFullYear();
  var Mes = fecha.getMonth();
  var DiaActual = fecha.getDate();
  var Dia = fecha.getDay();
  var horas = fecha.getHours();
  var minutos = fecha.getMinutes();
  var segundos = fecha.getSeconds();

  //asigna p.m. o a.m. segun el caso
  var cir =(horas  12)? A.M. : P.M.;
  //array nombres meses
  var mes =
 [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
  Mes = mes[Mes];
  //array nombres dias
  var dia =
 [Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
  Dia = dia[Dia];
  //array horas
   var horas = horas%12;
  horas = (horas==0)?12:(horas10)?0+horas:horas;
   minutos=(minutos 10)?0+minutos:minutos;
  segundos=(segundos 10)?0+segundos:segundos;
  //cadena final
  textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
 +horas+:+minutos+:+segundos+ +cir+);
 // alert(textoFinal)
 document.getElementById(dateinput).innerHTML = textoFinal
  //repite cada 1 segundo
  setTimeout(reloj(),1000);
 }
 function posicion(){
  pos--;
  if (pos-301)pos=400;
  document.getElementById(dateinput).style.marginLeft = pos +px;
  setTimeout(posicion(),10);
 }
 /script
 div id=containerdiv id=dateinput/div/div

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Marquesina mostrando Fecha y Hora

2008-01-11 Por tema Santiago Valdés Morales
Muchas gracias por el dato Leonard. Te encuentro toda la razón, pero
lamentablemente esta página es para una persona que me la
encargo...por más que le he insistido, quiere poner esto de la fecha y
la hora, y al parecer su decisión no pretende cambiar. Por lo que debo
terminarlo lo antes posible, y aún no puedo resolver ese pequeño
problema.

Saludos, gracias.

2008/1/11 Leonard Francisco [EMAIL PROTECTED]:
 Hola Santiago, Hola lista
 Santiago, tené en cuenta el darle el control del movimiento al usuario y que 
 este no quede del lado del servidor. Pauta 7 de la WAI. El movmiento de 
 objetos quita concentración en la lectura, distrae, y puede provocar otros 
 efectos.

 Sólo una sugerencia que espero sea bienvenida

 saludos
 Franky
 co-Moderador de Acceso Web



 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED] nombre de Tei
 Enviado el: Viernes, 11 de Enero de 2008 07:15
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Marquesina mostrando Fecha y Hora



 O tambien...

 marqueeinput id=pasaLaHoraVolando style=border:0px value=00:00
 PM/marquee

 script

 function foo(){
 document.getElementById(pasaLaHoraVolando).setAttribute(value,new Date());
  setTimeout(foo(),100);
 }

 setTimeout(foo(),300);

 /script

 ;-)

 On Jan 11, 2008 9:14 AM, cmik22 [EMAIL PROTECTED] wrote:
  A ver si esto te vale:
 
 
  style
  #container{width:400px; height:15px; border:solid 1px red; overflow:hidden;}
  #dateinput{p/osition:relative; width:300px; background-color:#CCC; font:12px
  Arial, Helvetica, sans-serif;}
  /style
  script language=javascript type=text/javascript
  window.onload=ini;
  var pos=400;
  function ini(){
   reloj();
   posicion();
  }
  function reloj() {
   //obtiene fecha y hora
   var fecha = new Date();
   var Anio = fecha.getFullYear();
   var Mes = fecha.getMonth();
   var DiaActual = fecha.getDate();
   var Dia = fecha.getDay();
   var horas = fecha.getHours();
   var minutos = fecha.getMinutes();
   var segundos = fecha.getSeconds();
 
   //asigna p.m. o a.m. segun el caso
   var cir =(horas  12)? A.M. : P.M.;
   //array nombres meses
   var mes =
  [Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre];
   Mes = mes[Mes];
   //array nombres dias
   var dia =
  [Domingo,Lunes,Martes,Miércoles,Jueves,Viernes,Sábado];
   Dia = dia[Dia];
   //array horas
var horas = horas%12;
   horas = (horas==0)?12:(horas10)?0+horas:horas;
minutos=(minutos 10)?0+minutos:minutos;
   segundos=(segundos 10)?0+segundos:segundos;
   //cadena final
   textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+
  +horas+:+minutos+:+segundos+ +cir+);
  // alert(textoFinal)
  document.getElementById(dateinput).innerHTML = textoFinal
   //repite cada 1 segundo
   setTimeout(reloj(),1000);
  }
  function posicion(){
   pos--;
   if (pos-301)pos=400;
   document.getElementById(dateinput).style.marginLeft = pos +px;
   setTimeout(posicion(),10);
  }
  /script
  div id=containerdiv id=dateinput/div/div
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Marquesina mostrando Fecha y Hora

2008-01-10 Por tema Santiago Valdés Morales
Qué tal amigos:

Acudo a ustedes porque nunca me han fallado, espero que esta vez
puedan ayudarme porque me doy por vencido. Les cuento un poco...

Estoy haciendo una página (www.jpswett.com), y si se fijan hay una
barra negra a la derecha arriba. En esa barra se supone que va una
marquesina mostrando la fecha y la hora, corriendo de derecha a
izquierda. Como no le pego mucho al JS, conseguí un script que puede
mostrar la fecha y la hora correctamente, y que se acumula toda la
información en una variable (textoFinal). Pero el problema viene a la
hora de hacer mover la marquesina. He intentado con varios scripts y
ninguno me da resultado. Intento agregar el texto a la marquesina al
menos para que se muestre, con un
document.dateform.dateinput.value = textoFinal
pero me dice que no tiene propiedades ¿?. Asíque como ven, necesito
hacer toda la parte de la marquesina que no tengo idea cómo.
Si pudiesen ayudarme a hacer mover la marquesina y que se vea bien en
IE y Firefox, realmente no sabría como agradecerles.

Aquí va el código:

JAVASCRIPT: MOSTRAR LA HORA

script language=javascript type=text/javascript

function reloj() {
  //obtiene fecha y hora
  var fecha = new Date();
  var Anio = fecha.getFullYear();
  var Mes = fecha.getMonth();
  var DiaActual = fecha.getDate();
  var Dia = fecha.getDay();
  var horas = fecha.getHours();
  var minutos = fecha.getMinutes();
  var segundos = fecha.getSeconds();

  //asigna p.m. o a.m. segun el caso
  var cir = ;
  var i = 12;
  if(horas  i) {
cir = A.M.;
  } else if(horas = i) {
cir = P.M.;
  }

  //array nombres meses
  var mes = new Array();
  mes[0] = Enero;
  mes[1] = Febrero;
  mes[2] = Marzo;
  mes[3] = Abril;
  mes[4] = Mayo;
  mes[5] = Junio;
  mes[6] = Julio;
  mes[7] = Agosto;
  mes[8] = Septiembre;
  mes[9] = Octubre;
  mes[10] = Noviembre;
  mes[11] = Diciembre;

  //array nombres dias
  var dia = new Array();
  dia[0] = Domingo;
  dia[1] = Lunes;
  dia[2] = Martes;
  dia[3] = Miércoles;
  dia[4] = Jueves;
  dia[5] = Viernes;
  dia[6] = Sábado;

  //array horas
  var hr = new Array();
  hr[0] = 12;
  hr[1] = 01;
  hr[2] = 02;
  hr[3] = 03;
  hr[4] = 04;
  hr[5] = 05;
  hr[6] = 06;
  hr[7] = 07;
  hr[8] = 08;
  hr[9] = 09;
  hr[10] = 10;
  hr[11] = 11;
  hr[12] = 12;
  hr[13] = 01;
  hr[14] = 02;
  hr[15] = 03;
  hr[16] = 04;
  hr[17] = 05;
  hr[18] = 06;
  hr[19] = 07;
  hr[20] = 08;
  hr[21] = 09;
  hr[22] = 10;
  hr[23] = 11;

  //obtiene nombre mes
  //mas faci: Mes = mes[Mes];
  if(Mes==0){Mes = mes[0];}
  if(Mes==1){Mes = mes[1];}
  if(Mes==2){Mes = mes[2];}
  if(Mes==3){Mes = mes[3];}
  if(Mes==4){Mes = mes[4];}
  if(Mes==5){Mes = mes[5];}
  if(Mes==6){Mes = mes[6];}
  if(Mes==7){Mes = mes[7];}
  if(Mes==8){Mes = mes[8];}
  if(Mes==9){Mes = mes[9];}
  if(Mes==10){Mes = mes[10];}
  if(Mes==11){Mes = mes[11];}

  //obtiene nombre dia
  //mas facil: Dia = dia[Dia];
  if(Dia==0){Dia = dia[0];}
  if(Dia==1){Dia = dia[1];}
  if(Dia==2){Dia = dia[2];}
  if(Dia==3){Dia = dia[3];}
  if(Dia==4){Dia = dia[4];}
  if(Dia==5){Dia = dia[5];}
  if(Dia==6){Dia = dia[6];}

  //ajusta formato horas
  //mas facil: horas = hr[horas];
  if(horas==0){horas = hr[0];}
  if(horas==1){horas = hr[1];}
  if(horas==2){horas = hr[2];}
  if(horas==3){horas = hr[3];}
  if(horas==4){horas = hr[4];}
  if(horas==5){horas = hr[5];}
  if(horas==6){horas = hr[6];}
  if(horas==7){horas = hr[7];}
  if(horas==8){horas = hr[8];}
  if(horas==9){horas = hr[9];}
  if(horas==10){horas = hr[10];}
  if(horas==11){horas = hr[11];}
  if(horas==12){horas = hr[12];}
  if(horas==13){horas = hr[13];}
  if(horas==14){horas = hr[14];}
  if(horas==15){horas = hr[15];}
  if(horas==16){horas = hr[16];}
  if(horas==17){horas = hr[17];}
  if(horas==18){horas = hr[18];}
  if(horas==19){horas = hr[19];}
  if(horas==20){horas = hr[20];}
  if(horas==21){horas = hr[21];}
  if(horas==22){horas = hr[22];}
  if(horas==23){horas = hr[23];}

  //ajusta segundos
  var m = 10;
  if(minutos  m) {
minutos=0+minutos;
  }
  if(segundos  m) {
segundos=0+segundos;
  }

  //cadena final
  textoFinal = (Dia+, +DiaActual+ de +Mes+ de +Anio+   //
+horas+:+minutos+:+segundos+ +cir+);

  //repite cada 1 segundo
  setTimeout(reloj(),1000);

}

reloj();

/script


FORMULARIO

form id=dateform name=dateform
input id=dateinput name=dateinput 
type=text size=46
/form



Muchisimas gracias de antemano,

SVM
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo