input type=file

caricatos · #1 (**permalink**) 16/07/2002, 17:49

Hola amigos:

Se puede ocultar el boton "examinar" que sale en el input type=file (y habilitarlo en otra parte)

He creado un formulario para poder adjuntar archivos, pero me gustaría poner el botón a mi gusto. El formulario está en: <a href='ir.asp?http://www.sucaricatura.com/formulario.html' target='_blank'>http://www.sucaricatura.com/formulario.h...</a>

Saludos

KarlanKas · #2 (**permalink**) 17/07/2002, 04:05

caricatos!! Cuanto tiempo!!

Se me ocurre que pongas un input así:

<input type="file" style="width:0px;border:none;" onchange="pepe.value=this.value">

y luego el tal pepe donde quieras:

<input name="pepe" id="pepe" type="text" value="">

Te lo pongo así de forma burda porque sé que lo vas a mejorar y lo entiendes perfectamente. Como ves no es exactamente lo que pides pero el efecto es el mismo. Sólo te queda poner que si cambian el pepe que cambie el file tb.

Si no me he explicado bien me lo dices!!

saludos campeón!!

KarlanKas · #3 (**permalink**) 17/07/2002, 04:10

Puedes poner en el pepe un readonly para que si lo quieren cambiar que lo tengan que cambiar con el botón...

KarlanKas · #4 (**permalink**) 17/07/2002, 08:10

A ver... he hecho este ejemplillo. Dime que te parece. No lo he probado con netscape...

Código:

&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;Prueba&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form name=&quot;cuestionario&quot;&gt;
&lt;table height=&quot;300&quot;&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;input type=&quot;file&quot; name=&quot;archivo&quot;  style=&quot;width:0px;border:none;&quot; onchange=&quot;document.cuestionario.ruta.value=this.value&quot;&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;input name=&quot;ruta&quot; readonly size=&quot;80&quot; style=&quot;border:solid 1px;&quot; type=&quot;text&quot; value=&quot;Pulse en examinar para elegir la ruta de la imagen&quot;&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

cuennntame!

caricatos · #5 (**permalink**) 17/07/2002, 11:08

Hola KarlanKas:

Tal vez termine adoptando tu ejemplo, pero no es lo que quería (tal vez mi "pretención" sea imposible). Lo que me fastidia es que tenga que ponerse "examinar" y no el texto que yo quiera.

Lo acabo de probar en Mozilla y no funciona. En explorer se puede poner la etiqueta invisible, y desde cualquier otra parte de la
página simular el click con document.getElementById("archivo").click ();
pero no me gusta limitar mi página a un explorador. Si pudiera mejorarlo te lo diría.

Por cierto, el formulario es este <a href='ir.asp?http://www.sucaricatura.com/formulario.html' target='_blank'>http://www.sucaricatura.com/formulario.h...</a>
Todavía está en obras...

Saludos

jam1138 · #6 (**permalink**) 02/08/2005, 04:16

...

Hace poco estube buscando sobre formularios en el foro y me topé con este mensaje... quizá caricatos ya no necesite esto pero igual sirve para no dejar pendiente el tema (no se me ha atravezado una pregunta similar en el foro)

: http://www.quirksmode.org/dom/inputfile.html

... han cambiado las cosas desde entonces ¿no?... Un saludo!