Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Programar publicaciones

Estas en el tema de Programar publicaciones en el foro de Javascript en Foros del Web. Buenas a todos. Como hago para programar una serie de imágenes con javascript, se que seguro es algo muy básico disculpa a quien le moleste, ...
  #1 (permalink)  
Antiguo 02/09/2015, 18:33
 
Fecha de Ingreso: junio-2015
Ubicación: Paraguay
Mensajes: 8
Antigüedad: 7 años, 2 meses
Puntos: 1
De acuerdo Programar publicaciones

Buenas a todos.

Como hago para programar una serie de imágenes con javascript, se que seguro es algo muy básico disculpa a quien le moleste, pero es que de apoco voy aprendiendo.

Son solo 6 imágenes que serán publicadas de lunes a domingo y cada imagen tendrá un botón de descarga de un archivo (zip) por debajo, de hacer posible sino con lo de la imagen me arreglo

(SABADO Y DOMINGO SERÁN LAS MISMAS IMÁGENES) . No se si la palabra correcta seria publicada pero si

llegadas las 00:00 quiero que se remueva la imagen vieja y entre la otra.


COMO SE HACE ESO?
  #2 (permalink)  
Antiguo 02/09/2015, 21:10
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 11 años
Puntos: 72
Respuesta: Programar publicaciones

Para trabajar con fechas en javascript se usa la clase Date, con el método getDay() se obtiene el día de la semana en forma de número (lunes es 1, martes es 2, miércoles es 3, etc.), entonces utilizando esta clase y un bloque switch se puede cambiar el atributo src de la imagen y href del enlace de descarga según corresponda con el día. El problema con esta solución es que al ejecutarse javascript en el cliente la fecha y día depende de la configuración que cada usuario tenga en su sistema, por lo tanto, si alguno tiene la fecha equivocada verá la imagen y enlace incorrecto, es más conveniente realizar esto con algún lenguaje del lado del servidor, así la fecha, imagen y descarga serían igual para todos.

Saludos.
  #3 (permalink)  
Antiguo 03/09/2015, 08:30
 
Fecha de Ingreso: junio-2015
Ubicación: Paraguay
Mensajes: 8
Antigüedad: 7 años, 2 meses
Puntos: 1
Respuesta: Programar publicaciones

Cada imagen tiene por si el titulo del día las personas se darán cuenta que no es del dia

mira esto es lo que pude hacer segun tu criterio que tal esta?.


currentday = new date();
currentday = currentday.getDay();





switch (currentday) {
case = 1:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 2:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 3:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 4:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 5:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 6:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 7:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

}
  #4 (permalink)  
Antiguo 03/09/2015, 11:55
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 11 años
Puntos: 72
Respuesta: Programar publicaciones

Hay algunos errores, es new Date() no new date() javascript discrimina entre mayúsculas y minúsculas, en case no se necesita el signo = y en la cadena que le pasas a innerHTML si se usan comillas dobles para encerrarla, dentro (en los atributos HTML) se deben usar comillas simples

bloq.innerHTML= "<img src='ruta_de_la_imagen.jpg' alt='' />";

si se encierra con comillas simples dentro se deben usar comillas dobles

bloq.innerHTML= '<img src="ruta_de_la_imagen.jpg" alt="" />';

también se pueden escapar las comillas mediante \

bloq.innerHTML= "<img src=\"ruta_de_la_imagen.jpg\" alt=\"\" />";
  #5 (permalink)  
Antiguo 03/09/2015, 17:13
 
Fecha de Ingreso: junio-2015
Ubicación: Paraguay
Mensajes: 8
Antigüedad: 7 años, 2 meses
Puntos: 1
Respuesta: Programar publicaciones

Mira he cambiado lo que me dijiste y lo he ajustado según mi parecer pero no pillo cual es el error porque no me sale
Este es el codigo:


currentday = new Date();
currentday = currentday.getDay();

var bloq = document.getElementById("bannerconten");

switch (currentday) {
case 1:

bloq.document.write('<img src="imagenes/hq.jpg"/>');

break

case 2:

bloq.document.write('<img src="imagenes/hqd.jpg>');

break

case 3:

bloq.document.write('<img src="imagenes/hqdefault.jpg>');

break

case 4:

bloq.document.write('<img src="imagenes/hqdet.jpg>');

break

case 5:

bloq.document.write('<img src="imagenes/images.png>');

break

case 6:

bloq.document.write('<img src="imagenes/it.JPG>');

break

case 7:

bloq.document.write('<img src="imagenes/wallpaperjpg>');

break

}
  #6 (permalink)  
Antiguo 04/09/2015, 04:41
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 11 años
Puntos: 72
Respuesta: Programar publicaciones

document.write() no se puede asignar a otros elementos, se usa solo, para que funcione debes poner ese código en el lugar donde quieres aparezca al imagen, por lo que veo debe ser dentro del elemento con id="bannerconten", suponiendo que se trata de un <div>
Código Javascript:
Ver original
  1. <div id="bannerconten">
  2.     <script language="javascript">
  3.    
  4.         currentday= new Date();
  5.         currentday= currentday.getDay();
  6.        
  7.         switch(currentday) {
  8.             case 1:
  9.                 document.write('<img src="imagenes/hq.jpg" />');
  10.                 break;
  11.             case 2:
  12.                 document.write('<img src="imagenes/hqd.jpg" />');
  13.                 break;
  14.             //resto del código...
  15.         }
  16.        
  17.     </script>
  18. </div>

También debes cerrar correctamente las comillas en el atributo src de las imagenes.
  #7 (permalink)  
Antiguo 04/09/2015, 08:05
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 8 años, 11 meses
Puntos: 578
Respuesta: Programar publicaciones

Hay que tener en cuenta que getDay empieza desde 0 (domingo), luego nunca va a retornar "7" pues son más días de los que realmente hay

Y en vez de usar switch puedes usar un array, que es en definitiva una relación entre valores e índices numéricos.
  #8 (permalink)  
Antiguo 04/09/2015, 13:21
 
Fecha de Ingreso: junio-2015
Ubicación: Paraguay
Mensajes: 8
Antigüedad: 7 años, 2 meses
Puntos: 1
Respuesta: Programar publicaciones

Muchas gracias por el aguante, me funciono el código

Etiquetas: dias, imagenenes, javascript+html, jquery, programa
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 21:10.