Imagenes

medinauta · #1 (**permalink**) 22/08/2005, 11:26

Hola nuevamente, a los tiempos...!
Ahora he retornado al diseño de páginas web.

Ahora necesitaba hacer una página donde aparezca una imagen, que varía cada día.

Para esto estoy usando tres selects para el año, mes y día... porque las imagenes se la agregan de acuerdo al día, una imagen llamada "050820.jpg" fué creada el 2005-Agosto-20., debería presentarse automáticamente la que corresponda al día. Luego quiero poner una opción para que con los selects se puedan ver imágenes anteriores.

Necesito:

1.- El código para que lea la fecha y cambie la dirección del enlace de la imagen.

2.- Saber cómo restringir el select del mes de inicio del select para que si el año de inicio es 1998 el mes empiece con "Octubre", ya que es ahí el inicio de las imágenes.

Tomé un código de Kaopectate: Selector de año, mes y día

pero necesito cambiarle esa parte:

Código:

function llenaMes(oMes, nAno){
    var hoy = new Date();
    var nFin = 11;
    while (oMes.length > 0) oMes.remove(0);
	if (nAno == hoy.getYear()) nFin = hoy.getMonth();
    addOpt(oMes, 0, "", "");

    //addOpt(oMes, 0, "", "");
	for (var i = 0; i <= nFin; i++)
     addOpt(oMes, i + 1, aMeses[i], String(i));

Debería revisar el año, si es el año en curso, el límite del mes es el mes actual, pero quisiera que si el año es 1998, el mes inicial sea Octubre.

Les agardecería mucho su ayuda.

derkenuke · #2 (**permalink**) 23/08/2005, 08:09

Algo asi ¿verdad?

Código PHP:

     function llenaMes(oMes, nAno){  
    var hoy = new Date();  
    var nFin = 11;  
    while (oMes.length > 0) oMes.remove(0);  
    if (nAno == hoy.getYear()) nFin = hoy.getMonth(); 
    addOpt(oMes, 0, "", "");  
    for (var i = nAno==1998?9:0 ; i <= nFin; i++)  
     addOpt(oMes, i + 1, aMeses[i], String(i));  
   }

Si el año es 1998, i comenzará en 9 (octubre), si es diferente, en 0 (enero).

medinauta · #3 (**permalink**) 23/08/2005, 09:02

Así es, eso es exactamente lo que buscaba, Gracias derkenuke.

Ahorita me falta ver como colocar la imagen a partir de la fecha seleccionada

derkenuke · #4 (**permalink**) 23/08/2005, 09:53

Hombre.. puedes hacerlo asi por ejemplo

Código PHP:

  <html>  
<head>  
  <script language="JavaScript">  
 
   var aMeses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre")  
 
   function padNmb(nStr, nLen, sChr){  
    var sRes = String(nStr);  
    for (var i = 0; i < nLen - String(nStr).length; i++)  
     sRes = sChr + sRes;  
    return sRes;  
   }  
 
   function makeDateFormat(nDay, nMonth, nYear){  
    var sRes;  
    sRes = padNmb(nDay, 2, "0") + "/" + padNmb(nMonth, 2, "0") + "/" + padNmb(nYear, 4, "0");  
    return sRes;  
   }  
     
   function addOpt(oCntrl, iPos, sTxt, sVal){  
    var selOpcion = new Option(sTxt, sVal);  
    oCntrl.options.add(selOpcion, iPos);  
   }  
 
   function lastDayOfMonth(nMonth, nYear){  
    var aMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);  
    if ((nMonth == 2) && (nYear % 4 == 0))  
     return 29;  
    else  
     return aMonth[nMonth - 1];  
   }  
 
   function cambia(nCambiado){  
    var nAno;  
    var nMes;  
    with (document.frm){  
     nAno = parseInt(ano.options[ano.selectedIndex].value);  
     switch (nCambiado){  
      case 0:  
       llenaMes(mes, nAno);  
       break;  
      case 1:  
       nMes = parseInt(mes.options[mes.selectedIndex].value);  
       llenaDia(dia, nAno, nMes)  
       break;  
      case 2:  
       nMes = parseInt(mes.options[mes.selectedIndex].value);  
       nDia = parseInt(dia.options[dia.selectedIndex].value);  
       res.value = makeDateFormat(nDia, nMes + 1, nAno);  
       cambiarImagen(res.value); 
       break;  
     }  
    }  
   }  
 
   function llenaAno(oAno){  
    var hoy = new Date();  
    var ini = 1998;  
    addOpt(oAno, 0, "", "");  
    for (var i = ini; i <= hoy.getYear(); i++)  
     addOpt(oAno, i - ini + 1, String(i), String(i));  
   }  
 
  function llenaMes(oMes, nAno){  
    var hoy = new Date();  
    var nFin = 11;  
    while (oMes.length > 0) oMes.remove(0);  
    if (nAno == hoy.getYear()) nFin = hoy.getMonth();  
    addOpt(oMes, 0, "", "");  
    for (var i = nAno==1998?9:0 ; i <= nFin; i++)  
     addOpt(oMes, i + 1, aMeses[i], String(i));  
   } 
 
   function llenaDia(oDia, nAno, nMes){  
    var hoy = new Date();  
    var nFin = lastDayOfMonth(nMes + 1, nAno);  
    while (oDia.length > 0) oDia.remove(0);  
    if (nAno == hoy.getYear() && nMes == hoy.getMonth()) nFin = hoy.getDate();  
    addOpt(oDia, 0, "", "");  
    for (var i = 1; i <= nFin; i++)  
     addOpt(oDia, i + 1, String(i), String(i));  
   }  
 
function cambiarImagen(fecha) { 
    var img=document.getElementById("imagen"); 
    fecha=fecha.split("/"); 
    var oAno=fecha[2].substring(2); var oMes=fecha[1]; var oDia=fecha[0]; 
    img.src=oAno+oMes+oDia+".jpg"; 
} 
 
  </script>  
</head>  
<body onload=" llenaAno(document.frm.ano)">  
  <form name="frm">  
   <table border="0">  
    <tr>  
     <td align="right">  
      Año:  
     </td>  
     <td>  
      <select name="ano" onchange="cambia(0)" style="width: 80">  
      </select>  
     </td>  
    </tr>  
    <tr>  
     <td align="right">  
      Mes:  
     </td>  
     <td>  
      <select name="mes" onchange="cambia(1)" style="width: 80">  
      </select>  
     </td>  
    </tr>  
    <tr>  
     <td align="right">  
      Día:  
     </td>  
     <td>  
      <select name="dia" onchange="cambia(2)" style="width: 80">  
      </select>  
     </td>  
    </tr>  
    <tr>  
     <td align="right">  
      Fecha:  
     </td>  
     <td>  
      <input type="text" name="res" disabled>  
     </td>  
    </tr>  
   </table>  
  </form>  
<img id="imagen" /> 
</body>  
</html>

Fijate cuando llamamos a cambiarImagen, en la funcion cambia cuando cambiamos el select del dia.

medinauta · #5 (**permalink**) 24/08/2005, 11:46

Muy buenazo, solo quetambién me refería a que detecte la fecha actual y coloque esa imagen al cargar... :(