Tema: Jquery: evento click hacia un input file
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 27/09/2010, 09:52
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 5 meses
Puntos: 65
Respuesta: Jquery: evento click hacia un input file
Cita:
Iniciado por Jeibi Ver Mensaje
Mas o menos es lo que he hecho yo, poniéndole una imagen encima. No es exactamente lo que busco, porque me gustaría que pudiera hacerse el click con una imagen pequeña, pero al menos no se ve el textbox ni el botón examinar.

Gracias por tu ayuda
y bueno, en vez de un link poné una imagen jeje

a ver que logro, agunta si no llego hoy pruebo mañana

saque el fondo rojo y agregué un fondo al div y el tamaño al label

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.         <title>Prueba</title>
  5.     </head>
  6.     <style>
  7.  
  8.     #divInput{
  9.         width:10px;
  10.         height:10px;
  11.         overflow:hidden;
  12.         position:relative;
  13.         background:url("http://www.rubensoifer.com.ar/prensa_esperanza_archivos/btn_ampliar_imagen.gif");
  14.     }
  15.     #divInput label{
  16.         overflow:hidden;
  17.         width:10px;
  18.         height:10px;
  19.         position:absolute;
  20.         z-index:1;
  21.         *z-index:2
  22.     }
  23.     #elInput{
  24.         position:absolute;
  25.         -moz-opacity:0 ;
  26.         filter:alpha(opacity: 0);
  27.         opacity: 0;
  28.         z-index:2;
  29.         *z-index:1; *height:0;
  30.     }
  31.     </style>
  32.     <body>
  33.  
  34.         <div id="divInput">
  35.             <label for="elInput"></label>
  36.             <input type="file" id="elInput" />
  37.         </div>
  38.  
  39.     </body>
  40. </html>
Última edición por Dany_s; 27/09/2010 a las 10:01