|
Sección
de Java
Script
Lección
2:
Hacer
que salga la fecha dentro de una tabla
Esta
es una variante de la lección 1 en la cual
mostraremos como hacer para lograr que salga la fecha en tu
página dentro de una tabla, solo
debes aplicar un sencillo Java Script que te doy
a continuación que escribirá la fecha de este
modo:
Lo
primero que haremos para lograr nuestro efecto, es ir al código HTML de
nuestra página, y buscamos en la parte superior
esta etiqueta: <Body>.
Cuando
la hayamos encontrado escribiremos debajo de la
misma estas palabras (si no lo quieres escribir,
lo puedes cortar de la caja que coloqué un poco
más abajo y pegarlo en tu sitio):
<div align="center">
<table border="1" cellpadding="5" cellspacing="0" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 10 pt; background-color: #000000" bordercolorlight="#C0C0C0" bordercolordark="#808080">
<tr><td>
<center>
<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("<large>"+dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year+"</font></small>")
</script>
</td></tr>
</table>
</div>
|
|
Ya
sabes como colocar la fecha, solo que tal vez
desees hacer algunos cambios, como ser tamaño
de la letra, colores, cambiar el fondo de la
tabla, los bordes, etc. eso es algo muy fácil y
lo consigues modificando las propiedades de la
tabla, lo cual conseguirás visitando la
lección 10 de HTML:
A
continuación te doy el código antes mencionado
listo para cortar y pegar:
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Buena
suerte.
|
