Re: [Ovillo] Marquesina mostrando Fecha y Hora
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
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
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
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
[Ovillo] Problema (para variar) con Float
Qué tal amigos: En esta web que estoy desarrollando www.jpswett.com tengo un par de problemas. En primer lugar, como siempre, cada vez que debo hacer una web con dos columnas, ocupo una grande que es estática y que tiene el contenido, mientras que al lado un sidebar con float:left. Resulta que necesito que el float tenga el mismo largo (digamos, que llegue hasta el final de la página SIEMPRE) pero no lo consigo, no sé porque. En la página quienes somos, por ejemplo, aparece el problema. Lo otro que me pasa, es que ese design+code que hay al final del sidebar, no sé como hacerlo para que automáticamente se setee para aparecer al final de esa barra. Es esto posible? Siempre he tenido grandes problemas con los floats, nosé si es porque tengo un mal concepto de éste o lo estoy aplicando mal. Si pudieran ayudarme a evitar estos problemas, se los agradecería enormemente. De antemano gracias, Santiago. ___ 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