Tema: Jquery: evento click hacia un input file
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 27/09/2010, 09:02
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: Jquery: evento click hacia un input file
no me hacia caso lanzar un click, busqué un rato y según lo que leí en firefox no se puede por algo de seguridad

Lo primero que hice fue darle opacidad 0 al input y colocar un texto encima, funcionaba pero en ie habia que dar doble click. En ie cuando das click en un label se abre la ventana pero en ie no, entonces uso el input arriba y en ie uso el label arriba, el *height:0; es porque me queda el puntero y con eso no aparece

probá que onda, es solo css

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:100px;
  10.         height:20px;
  11.         overflow:hidden;
  12.         background:red;
  13.         position:relative
  14.     }
  15.     #divInput label{
  16.         overflow:hidden;
  17.         position:absolute;
  18.         z-index:1;
  19.         *z-index:2
  20.     }
  21.     #elInput{
  22.         position:absolute;
  23.         -moz-opacity:0 ;
  24.         filter:alpha(opacity: 0);
  25.         opacity: 0;
  26.         z-index:2;
  27.         *z-index:1; *height:0;
  28.     }
  29.  
  30.     </style>
  31.     <body>
  32.  
  33.         <div id="divInput">
  34.             <label for="elInput">Buscar archivo</label>
  35.             <input type="file" id="elInput" />
  36.         </div>
  37.  
  38.     </body>
  39. </html>




si no te sirve busca otros scripts, vi muchos ejemplos que usan css y javascript