Poner saludos con imagenes y texto en tu web dependiendo de la hora del dia

por **MяHousєLιgнт** Jue Ago 12, 2010 12:57 am

este tutorial te ayudara para crear un anuncio dependiendo de la hora del dia, para que le den los buenos días, tardes, o noches a tus visitantes y también ponga una imagen

este código puede ser colocado en el mensaje del indice, en un widget personalizado o en una pagina HTML.

Codigo:

<a id="climamr"><img src=""/>
<script type="text/javascript">
var banner = new Array();
banner[0]= 'imagen de dia';
banner[1]= 'imagen de tarde';
banner[2]= 'imagen de noche';
var d=new Date();
var hora=d.getHours();
if (hora > 7 && hora < 12) { 
     document.write("¡Hola Invitado! ¡buenos dias!  ! diviértete!");
     document.getElementById('climamr').firstChild.src= banner[0];
else { 
if (hora > 11 && hora < 19) { 
     document.write("¡Hola Invitado! ¡buenas tardes!  ¡diviértete!");
     document.getElementById('climamr').firstChild.src= banner[1];
} else { 
     document.write("¡Hola Invitado! ¡buenas noches! ¡diviértete!");
     document.getElementById('climamr').firstChild.src= banner[2];
} 
}</script>

se ve largo, pero es mas por cada opción que tiene, la explicación se las dare por linea por liena y solo en las zonas importantes

01: esta parte sera donde se muestre la imagen asi que se declara un bloque con id=climamr
02: inicio del bloque del script
03: se declara un vector, este contendra los links a cada imagen
04-06: se almacenan os links a las imagenes

07: se crea un objeto de tipo fecha
08: se crea una variable que tandra el valor de la hora actual

10,14,17: escribe en la zona donde se ubica el codigo el mensaje correspondiente, si usas esto es un foro de foro acitvo, la parte que dice {USERNAME*} sin el asterisco, sera sustituida de forma automática por el nombre del usuario que esta leyendo el mensaje, si no usas foroactivo entonces quita eso y pon lo que mas te convenga

11,15,18: coloca la imagen correspondiente en la zona que antes definimos como "climamr"

20: Cierre del script

si le quieren poner una tamaño y color de texto a su gusto solo tiene que crear un formato de texto comun y corriente en HTML ejemplo

Código:: <font color="color" size="12"> el script </font>

y les podria quedar algo asi

[Tienes que estar registrado y conectado para ver este vínculo]

y eso es todo, espero haber sido claro! Gracias por leer, espero que les sea de utilidad!

por **xokolatiitho** Jue Ago 12, 2010 1:06 am

muy chido....
javascript....
aprendere unpoco de eso...xD
nomas x mamadas....
pon algo de C loco...
xk voy a llevar graficacion...
y no se ni kp2..!!
xfa no??

por **MяHousєLιgнт** Jue Ago 12, 2010 1:08 am

ok, pondre C, pero tambien te digo que depende del maestro, igual te ponen llava (java xD) y tambien llevaras programacion de sistemas!!! Yeah!!! la mejor de todas las materias!! y en esa tambien puede que en lugar de C te pogan jflex, depende del maestro

por **xokolatiitho** Jue Ago 12, 2010 1:13 am

JFlex???
es una desambiguacion de Java?

por **MяHousєLιgнт** Jue Ago 12, 2010 1:17 am

a que te refieres con desambiguacion?? jflex es java! pero para crear compiladores xD

por **xokolatiitho** Jue Ago 12, 2010 1:21 am

osea... k es basada en java... como ubuntu es basado en Linux....
asi!
y no mamsss... k la boca se te haga chicharron....
si la da eneida
se k sera en java