Tema: Imagenes
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/08/2005, 09:53
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 23 años
Puntos: 45
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.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.