Foros del Web » Creando para Internet » Diseño web »

Imagenes Cambian segun hora y dia de la semana.

Estas en el tema de Imagenes Cambian segun hora y dia de la semana. en el foro de Diseño web en Foros del Web. Hola que tal, bueno les comento que ando haciendo una web para una radio y necesitan que en la portada de la misma salga una ...
  #1 (permalink)  
Antiguo 01/05/2009, 23:21
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Exclamación Imagenes Cambian segun hora y dia de la semana.

Hola que tal, bueno les comento que ando haciendo una web para una radio y necesitan que en la portada de la misma salga una imagen identificando que programa esta en vivo por los momentos, yo imagine que la manera de hacer esto es con imagenes, ya que ellos quieren que salga una foto con un texto abajo cada hora. Su programacion es diferente cada semana por tal razon necesitaria algo asi

De lunes a viernes:

12 programas es decir 12 imagenes se muestran

Miercoles y Viernes

12 programas

Sabados y Domingos

10 programas

Pero entonces mi pregunta es de que manera puedo hacer esto ya sea en flash, xml, entre otros.!
Saludos..
  #2 (permalink)  
Antiguo 02/05/2009, 09:40
Avatar de XLogus  
Fecha de Ingreso: noviembre-2008
Ubicación: AQP
Mensajes: 495
Antigüedad: 9 años
Puntos: 19
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Si sabes algo de php no es muy complicado
Primero hay que averiguar que dia es hoy
Código:
$quediaes=date("D");
Esa linea nos devuelve el dia mon, tue.... ( lunes, martes... )

Segundo ya que sabemos el dia preguntamos que hora es
Código:
$quehoraes=date("G"); /// (eso nos devuelve la hora del 1 al 24)
luego podemos usar case o if
Código:
if ($quediaes=="mon" && $quehoraes==8) {
  echo '<img src="imagendellunes.jpg">';
}
Tambien se puede usar base de datos pero la logica es similar y no quiero complicar el ejemplo

Última edición por XLogus; 04/05/2009 a las 08:02
  #3 (permalink)  
Antiguo 02/05/2009, 10:00
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Mmmm.... No se mucho de PHP pero como no es dificil y entiendo mas o menos el codigo, ahora te pregunto, ejemplo cuando sean las horas despues de las 12m colocamos 13,14,15 verdad? y al final del codigo que tenga todo mis cosas lista que hago? Me gustaria contactarte por MSN o MP para que me acesores. Gracias
  #4 (permalink)  
Antiguo 02/05/2009, 16:33
Avatar de Gerald  
Fecha de Ingreso: julio-2003
Mensajes: 1.356
Antigüedad: 14 años, 5 meses
Puntos: 2
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Tienes mas informacion de la funcion date en http://www.php.net/manual/es/function.date.php

Saludos!
__________________
Solo por Hoy: Trataré de fortalecer mi mente. Estudiaré y aprenderé algo útil
Hoteldipity
Arte Caracol
  #5 (permalink)  
Antiguo 02/05/2009, 16:34
Avatar de berthely  
Fecha de Ingreso: junio-2008
Ubicación: VHSA Mexico
Mensajes: 453
Antigüedad: 9 años, 5 meses
Puntos: 9
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Cita:
Iniciado por Alberto0605 Ver Mensaje
Hola que tal, bueno les comento que ando haciendo una web para una radio y necesitan que en la portada de la misma salga una imagen identificando que programa esta en vivo por los momentos, yo imagine que la manera de hacer esto es con imagenes, ya que ellos quieren que salga una foto con un texto abajo cada hora. Su programacion es diferente cada semana por tal razon necesitaria algo asi

De lunes a viernes:

12 programas es decir 12 imagenes se muestran

Miercoles y Viernes

12 programas

Sabados y Domingos

10 programas

Pero entonces mi pregunta es de que manera puedo hacer esto ya sea en flash, xml, entre otros.!
Saludos..

Te recomiendo que lo hagas con Javascript, ya que Javascript toma la fecha del usuario y PHP la fecha del servidor, por lo tanto, con javascript podras hacer que este sincronizado con el usuario, pero eso dependeria de el uso que le quieras dar, yo estoy suponiendo que utilizaras un tema que va pasando de (amanecer/tarde/atardecer/noche) el cual no serviria si usas la hora del servidor usando PHP, incluso para ti mismo ya que si utilizas un hosting y esta en E.E.U.U tendria logiamente otra hora si es que eres de latinoamerica o europa.

De calquier manera he encontrado un poco de codigo para obtener fechas
Código HTML:
<SCRIPT language=JavaScript type=text/javascript>
<!--
<!--
var pong;
function makeArray(n){
  this.length = n;
  for (i=1;i<=n;i++){
    this[i]=0;
  }
  return this;
}

// standard date display function with y2k compatibility
function displayDate() {
  var this_month = new makeArray(12);
  this_month[0]  = "Enero";
  this_month[1]  = "Febrero";
  this_month[2]  = "Marzo";
  this_month[3]  = "Abril";
  this_month[4]  = "Mayo";
  this_month[5]  = "Junio";
  this_month[6]  = "Julio";
  this_month[7]  = "Agosto";
  this_month[8]  = "Septiembre";
  this_month[9]  = "Octubre";
  this_month[10] = "Noviembre";
  this_month[11] = "Deciembre";

  var this_day_e = new makeArray(7);
  this_day_e[0]  = "Domingo";
  this_day_e[1]  = "Lunes";
  this_day_e[2]  = "Martes";
  this_day_e[3]  = "Miércoles";
  this_day_e[4]  = "Jueves";
  this_day_e[5]  = "Viernes";
  this_day_e[6]  = "Sábado";

  var today = new Date();
  var day   = today.getDate();
  var month = today.getMonth();
  var year  = today.getYear();
  var dia = today.getDay();
    if (year < 1000) {
       year += 1900; }
  return( " " + this_day_e[dia] + ", " + day + " de " + this_month[month] + " " + year);
}
// -->
</SCRIPT>

Para mostrar

<script type="text/javascript" language="JavaScript">
<!--
document.write (displayDate());//-->
</script> 
  #6 (permalink)  
Antiguo 02/05/2009, 20:05
Avatar de XLogus  
Fecha de Ingreso: noviembre-2008
Ubicación: AQP
Mensajes: 495
Antigüedad: 9 años
Puntos: 19
Respuesta: Imagenes Cambian segun hora y dia de la semana.

No te lo tomes a mal pero por favor no me contactes por messenger ni mensajes privados (yo no brindo asesría personalizada a ningun usuario).

La solución planteada con javascript tambien sirve aunque la plantearon innecesariamente extensa.
Código:
var today = new Date();
  var day   = today.getDate();
  var dia = today.getDay();
Luego hay que averiguar la hora
Código:
var hora=today.getHours()
Y segun eso mostrar una imagen
Código:
if (dia=="monday" && hora==2) {
  document.write('<img src="imagendeldia.jpg">');
}
  #7 (permalink)  
Antiguo 03/05/2009, 23:30
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Gracias a todos por responder sin embargo sigo en lo mismo..... Me voy mas por la opcion en PHP sin embargo tengo dudas, debido a que no se programar del todo y soy muy novato, entonces mi pregunta es Xlogus, Podrias enviarme el codigo completo es decir desde su inicio hasta su fin para yo entonces comenzar a configurarlo a mis necesidades.... Gracias...
  #8 (permalink)  
Antiguo 04/05/2009, 02:05
 
Fecha de Ingreso: mayo-2007
Ubicación: Chile
Mensajes: 42
Antigüedad: 10 años, 7 meses
Puntos: 1
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Con php puedes definir la zona horaria de la pagina web con la funcion
Código php:
Ver original 
setlocale — Fija la información de localización

Aquí mas informacion de la funcion: cl.php.net/manual/es/function.setlocale.php
  #9 (permalink)  
Antiguo 04/05/2009, 08:05
Avatar de XLogus  
Fecha de Ingreso: noviembre-2008
Ubicación: AQP
Mensajes: 495
Antigüedad: 9 años
Puntos: 19
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Bueno las 5 lineas de codigo que postee son suficientes para mostrar imagenes, solo te faltaria agregar mas condiciones para cada hora o dia.
Por cierto buen punto el que plantea Keison para acomodar la hora, prueba el codigo de ahi planteas tus dudas.
Código PHP:
<?php
$quediaes
=date("D");
$quehoraes=date("G"); /// (eso nos devuelve la hora del 1 al 24)
if ($quediaes=="mon" && $quehoraes==8) {
  echo 
'<img src="imagendellunes.jpg">';
}
?>

Última edición por XLogus; 04/05/2009 a las 08:12
  #10 (permalink)  
Antiguo 04/05/2009, 12:00
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Ok voy a comenzar a probar y en breve les comento.. Gracias a todos por su ayuda!
  #11 (permalink)  
Antiguo 14/08/2009, 09:54
 
Fecha de Ingreso: marzo-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Hola a todos.
Estot con el mismo problema que Alberto0605 quiero que mi web muestre depndiendo de la hora y el dia una imagen determinada. Por ej. Lunes a viernes de 9 a 12 IMAGEN 1
Lunes a viernes de 12 a 15 IMAGEN 2.

Yo ya tengo hecho esto:
Cita:
<script LANGUAGE="JavaScript">
var today = new Date();
var day = today.getDate();
var dia = today.getDay();
var hora=today.getHours()
if (dia=="monday"||"tuesday"||"wednesday"||"Thursday" ||"friday" && hora>7 && hora<9) {
document.write('<img src="imagenes/730a9.gif">');
}
if (dia=="monday"||"tuesday"||"wednesday"||"Thursday" ||"friday" && hora>9 && hora<13) {
document.write('<img src="imagenes/9a13.gif">');
}
Agradecería si pueden que por favor me apunten el error.

Saludos
  #12 (permalink)  
Antiguo 16/08/2009, 14:30
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Hola:

Cita:
Iniciado por berthely Ver Mensaje
Te recomiendo que lo hagas con Javascript, ya que Javascript toma la fecha del usuario y PHP la fecha del servidor, por lo tanto, con javascript podras hacer que este sincronizado con el usuario
Y yo me pregunto, el programa en directo ¿se emite a la hora del servidor o a la hora del usuario? porque entonces puede no coincidir lo que dice la página del usuario con lo que se está emitiendo ¿verdad?. decir, por ejemplo en el servidor es la 1pm y se está emitiendo el programa X, sin embargo en el usuario pueden ser las 5am y según la página se está emitiendo el programa Y, pincha y... escucha el programa X.

Saludos.

  #13 (permalink)  
Antiguo 02/05/2011, 19:17
Avatar de MarkFL  
Fecha de Ingreso: mayo-2011
Mensajes: 84
Antigüedad: 6 años, 7 meses
Puntos: 4
Respuesta: Imagenes Cambian segun hora y dia de la semana.

Vaya somos varios los que estamos buscando algo similar para una estación de radio ya que la programación es muy variada dependiendo del dia y hora en que se escucha la misma si alguien ha hallado una solución ojala pueda compartirla yo por lo pronto tengo este codigo solo funciona por hora pero necesito que funcione por dia y hora a la vez:

Código Javascript:
Ver original
  1. <SCRIPT language=JavaScript>
  2. var hoy=new Date();
  3. x=hoy.getHours();
  4. dia=hoy.getDate();
  5.  
  6. if(x>=0 && x<6) {
  7. document.write("<small><font color='#89A4FF' face='Arial'>MÚSICA CONTINÚA</font></small>")
  8. } else
  9. if( x>=6 && x<6.30 ) {
  10. document.write("<small><font color='#89A4FF' face='Arial'>SENTIMIENTO MEXICANO CON MARISOL</font></small>")
  11. }
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:26.