[SCRIPT] Fecha actual en tu página web.

JorGens · 7 Oct 2005, 17:15 · Solicitar retirada

Como veo que nadie se anima a dar el primer paso, allá voy! je je je.

Este código imprime la fecha actual en la que el visitante "visita" la página. Se actualiza de forma automática, de modo que solo hay que pegarlo donde queramos que aparezca y nos olvidamos.

Da la sensación a la web de que está "viva", actualizada, aunque conviene pensar si va a resultar útil o no al visitante. ¿Realmente necesitas saber en que día estamos? Eso lo dejo a critério de cada uno, puede que si, puede que no...

Bien. En este caso no es necesario incluir ningún código entre <HEAD> y </HEAD>. Mejor.

Simplemente escoger el lugar donde queréis que aparezca la fecha y pegad estas líneas en el código (no en vista de la página, sino en la ventana donde aparece el código HTML):

<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array
("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("[size="1"]<font color='#000080' face='geneva'>"+dayarray[day]+" "+daym+" de "+montharray[month]
+" de "+year+"</font>[/size]")
</script>

Si te da problemas, o no te gusta, simplemente acude de nuevo a ver el código y eliminas las líneas insertadas. (Recuerda subir de nuevo la página al servidor para actualizarla!)

[Testado en Internet Explorer 6.0 + Netscape 6.0 + MozillaFirefox 1.0.6]

Nos leemos!

Swanyta · 8 Oct 2005, 00:08 · Solicitar retirada

:) ¡Hola! Sí soy yo otra vez, Jiji

Este script es el que me dejaste a mi ¿no? :lol: ¡doy fé de que funciona!

:roll: ¡Jorgens, vaya rapidez, si no me has dado tiempo, ozú!

Prontito subiré unos cuanto... Ok?

Un saludo :wink:

elcartel · 27 Feb 2006, 00:24 · Solicitar retirada

Jorgens el script funciona, y quiero ponerlo en mi pagina principal, pero al colocarlo en la pagina html en donde quiero que salga, el mismo no aparece ayi, si no que se pone en la parte superior izquiera.
Ya e tratrado de ponerlo en varias partes de la pagina principal y el sigue colocandose en donde te dige, quiero ponerlo entre el banner y el primer parrafo que dice "Bienvenidos a mi pagina web" y centrado.
Otra cosita, a ese script se le puede cambiar el tipo y tamaño de letra a la presentacion ya que el mismo sale con letras pequeñas

http://lawebcartel.iespana.es

El Cartel[/color]

elcartel · 27 Feb 2006, 00:41 · Solicitar retirada

Jorgens de la pregunta de arriba, quise mostrarte donde queria poner el Script con una imagen, la copie pero cuando quise pegarla o insertarla aqui no pude, como podria hacer eso?
Gracias
El Cartel

JorGens · 27 Feb 2006, 00:54 · Solicitar retirada

Eso está hecho jefe!

Para empezar, definimos un tipo de estilo de párrafo (

) llamado, por ejemplo "fecha", de este modo:

<STYLE>
.fecha {font-size:14px ; text-align:center}
</STYLE>

Como ves, ahí le podemos dar tamaño y alinearlo al centro.
Ahora cabiamos algunas cosillas en el código. Por un lado eliminamos eso de y lo de que lo que hace es dar un tamaño pequeño (small) al texto. Por otro lado, encerramos todo el código entre

y </p>. De este modo, el texto de la fecha será un párrafo.

Si ahora le decimos que ese parrafo es del tipo "fecha", tomará las características definidas al principio, en <STYLE>. Así que el código entero de tu página principal será este:
Señalo en Azul lo que has de añadir y en Rojo lo que debes eliminar. No olvides eliminar lo rojo del código siguiente para que funcione bien.
El color también lo puedes cambiar poniendo el código del color que deseas en lugar del código señalado en verde.

<html>
<head>
<title>Bienvenidos a mi página Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo.css" media="screen" type="text/css">
<STYLE>
.fecha {font-size:14px ; text-align:center}
</STYLE>
</head>

<body>

<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">[contenido no disponible]</div></td>
</tr>
</table>
<p class="fecha">
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array
("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("<font color='#000080' face='geneva'>"+dayarray+" "+daym+" de "+montharray+" de "+year+"</font>")
</script> </p>

<p class="centrado">BIENVENIDOS A MI PAGINA WEB</p>
<p class="centrado">Como veras esta es mi página principal, en ella encontraras acceso a los archivos o paginas con información en los ramos de electricidad, computación, redes, diseños de paginas web y otras informaciones que no tienen nada que ver con el ramo, pero que de seguro te servirá de algo. </p>
<p class="centrado">Espero que este portal ayude a conseguir la información que estas buscando ............... sin mas que decir y retando tu curiosidad, te invito a que navegues en esta Web de importante información.</p>
<p class="centrado">Saludos a todos amigos y de nuevo Bienvenidos.</p>
<p class="centrado">En estos momentos me encuentro construyendo esta web, pero si quieres agregar un comentario con gusto lo tomare en cuenta, para eso pongo a tu disposición mi correo. [correo eliminado]</p>
<p class="centrado">[contenido no disponible]</p>
<p class="centrado">Esto es para probar como funciona un Vinculo.</p>
<p class="centrado">Otro Vinculo. </p>

</body>
</html>

No olvides que el estilo .fecha podemos colocarlo en lugar de en la web, en la hoja de estilos.

Dime si te vale de algo, oki?

Un saludo ElCartel :wink:

elcartel · 27 Feb 2006, 03:26 · Solicitar retirada

Jorgens, funciona de maravilla, aunque no se si dejarlo en donde lo puse, si puedes sugerirme algo te lo agradeceria...... Pero funciona a la perfección.
No me digiste lo de la pregunta que te ise despues, la de como poner un corte en el foro, es en dado caso que tenga una duda y quisiera señalartela en una imagen.... quise aserlo pero no pude hacerlo.....
Gracias de antemano........

El Cartel

Marttyn · 28 Feb 2006, 23:18 · Solicitar retirada

hola, me he tomado el atrevimiento de reducir el codigo de jorgens, de esta manera creo que nos ahorramos algunos bytes sin contar las variables que tambien nos ahorramos. ah, tambien le agregue el tilde a miércoles y a sábado.

<script language="JavaScript" type="text/javascript">
var mydate=new Date();
var dayarray = new Array("Domingo","Lunes","Martes","Mi&eacu;tercoles","Jueves","Viernes","S&aacute;bado");
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto", 
"Septiembre","Octubre","Noviembre","Diciembre");
var year = mydate.getYear()

if (year < 1000)
year= year+1900

var TODAY = dayarray[mydate.getDay()] + " " + mydate.getDate() + " de " + montharray[mydate.getMonth()] + " de " + year;
</script>

lo anterior habria que ponerlo en la pagina entre <head> y </head> pero para que se muestre en el lugar deseado solo tenemos que escribir la siguiente linea de codigo en el sitio que queramos que aparezca

<script language="JavaScript" type="text/javascript">
document.write(TODAY);	
</script>

creo que es mas elegante escrito de esta manera... pero bueno, cada uno como quiera.

if (year < 1000)
year+=1900

investigando me di cuenta que estas dos lineas son porque la funcion que te devuelve el año , si no es del 1900, te devuelve 100 mas los dos ultimos digitos del año en que estemos, por eso si estamos en 2006, esta funcion suma los 106 (100+06) a 1900 y queda 2006 (1900+106). [year+=1900] es equivalente a , pero creo que se entiende mejor de la segunda manera

if (daym<10)
daym="0"+daym

estas lineas no las puse en el codigo que modifique, solo sirven para poner el numero de dia con un cero delante si es menor que 10. osea, que pone 07, en vez de 7, y a mi gusto prefiero sin el cero, por eso la quite

mi duda es si esto se vera en cualquier explorador aun sin tener instalado una consola java o algo similar.

Max Power · 5 Mar 2006, 19:46 · Solicitar retirada

Hola
El código de Marttyn es más corto y está bien que haya quitado el cero ése delante del día, pero está más disperso (ya que tiene una parte en el head y otra en el body). Creo que utilizaré el segundo.

mi duda es si esto se vera en cualquier explorador aun sin tener instalado una consola java o algo similar.

Supongo que se verá en todos los navegadores que tengan activado javascript. Cuando lo desactivo en Firefox simplemente no aparece nada.
Saludos :wink:

Marttyn · 5 Mar 2006, 23:43 · Solicitar retirada

si, si lo haces de la forma que dice jorgens, el codigo queda todo junto en un mismo sitio. pero yo lo hice asi porque es un tema de estructura, estoy acostumbrado a programar con modulos y llamadas a subrutinas, entonces me siento mas comodo. ademas creo que no se hace mucho mas complicado... solo hay que poner el script en el <head> y despues llamarlo desde donde querramos poner la fecha. incluso podriamos poner la fecha en dos sitios distintos de la misma pagina sin tener que poner dos veces todo el script. bueno, en este caso no tendria sentido poner dos veces en la misma pagina la fecha, pero si fuese otra cosa tal vez si. ademas son habitos de programacion que si se cojen creo que despues facilitan y simplifican.
no me hagan mucho caso, asi me siento comodo yo... que no quiere decir que sea la unica ni la mejor manera de hacerlo

JorGens · 8 Mar 2006, 16:49 · Solicitar retirada

Hey Marttyn, mil gracias por tu propuesta. Es mejor poder escoger entre varias opciones que tener una solo, y si encima la que propones está explicada como lo has hecho mejor que mejor. Te lo agradezco y seguro que el resto también.

Veo que controlas en tema! Si quieres que creemos algúna sección en el foro de algún tema que controles no dudes en decírnoslo, estaremos encantados de contar con tus conocimientos en algo que nosotos desconocemos por el momento. Y quizás llegue el día en que podamos recopilar los mensajes de esa sección del foro y crear algunas lecciones en la web, o quizás te animes y quieras enviarnos algunas lecciones sobre lo que prefieras, a nivel básico y explicadas para novatos que somos. Eso sería genial, y mucho pedir, lo se, je je je. Pero queda ahí la invitación, ok?

Un fuerte abrazo y gracias de nuevo por tu participación en el foro.

Marttyn · 9 Mar 2006, 00:18 · Solicitar retirada

jajaja, gracias por tu propuesta, pero yo la verdad que tengo muy poca idea de programacion web. lo que pasa es que al estar acostumbrado a programar BASTANTE en visual basic, terminas sabiendo los conceptos basicos de todos los demas lenguajes. asi que siento desilusionarte, pero no soy ningun especialista en el tema de scripts. eso si, cojo muy rapido todo lo que es programacion, pero nada mas. de hecho, cuando lei por primera vez el este script, la verdad que no entendi nada, era como chino, asi que me limite a copiar y pegar, pero cuando lo lei por segunda o tercera vez ya comprendi que era cada cosa. si al fin y al cabo, programacion es casi siempre lo mismo en todos los lenguajes, solo cambia la estructura.

JorGens · 10 Mar 2006, 10:47 · Solicitar retirada

Si, yo he hecho mis cosas en basic, c+, modula2, etc y siempre es igual, siempre es chino, je je je. Bueno.. en cualquier caso gracias por tu participación en el foro.

Max Power · 11 Mar 2006, 16:56 · Solicitar retirada

Hola.
Las tildes no salen, y es que me dado cuenta que le falta un punto y aparte.
Creo que debería ser así:

  <script language="JavaScript" type="text/javascript">
var mydate=new Date();
var dayarray = new Array("Domingo","Lunes","Martes","Mi&eacute;rcoles","Jueves","Viernes","S&aacute;bado");
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre");
var year = mydate.getYear()
if (year < 1000)
year= year+1900
var TODAY = dayarray[mydate.getDay()] + " " + mydate.getDate() + " de " + montharray[mydate.getMonth()] + " de " + year;
  </script>

<script language="JavaScript" type="text/javascript">
document.write(TODAY);   
</script>

Me gustaría un montón poder aprender a programar, es muy interesante.
Saludos

Marttyn · 13 Mar 2006, 01:35 · Solicitar retirada

pues si, tienes razon... aunque no se porque extraño motivo, en el dreamweaver los tildes se veian igualmente, sin ponerles el punto y coma. ya he editado mi mensaje original asi si alguien quiere usar el codigo ya lo tiene listo y no tiene que leerse todo el post y despues andar modificando.
yo aprendi a programar VB en un curso de tres meses... la verdad no aprendi demasiado... solo las bases... pero donde realmente aprendi fue haciendo muchisimos programas y buscando en internet paginas con porciones de codigo fuente para hacer cosas especificas... no es realmente complicado si te gustan las ciencias exactas, ya que es todo matematica y logica "si esto es mayor a lo otro, entonces pasa eso... repetir bucle hasta que aquello sea diferente de eso... etc" pero escrito en codigo, claro jeje
bueno, un saludo y gracias por corregir lo otro. cada dia estamos mas cerca de la prefeccion :wink: