Programación Web y Scripting > HTML
Boton Examinar De Envio Correo C/imagen
(1/1)
sheilac:
hola
hay algo que no puedo hacer.
tengo hecho un formulario con html para un formulario en el cual debo adjuntar una foto y llamo al formulario php que me envia el correo con el atach hasta aqui lo hace todo barbaro.
pero me piden que ese boton examinar que me busca la foto tenga una imagen y no el consabido botoncito gris.
pero no logro adjuntarle una imagen
--- Código: Text --- <input title="subir" type="file" disabled name="file1" border="0" >
si le adjutno la imagen de esta forma
--- Código: Text --- <input title="subir" type="file" disabled name="file1" border="0" > <img height="1" alt="" src="archivos/subir.gif" border="0"> me pone los dos botones.
si lo pongo type="imagen" no funciona como deberia funcionar, buscando el archivo.
hay alguna forma de poder hacerlo??
desde ya muchas gracias
Mollense:
Hola sheilac.
Estuve renegando un rato con esto porque me pareció interesante y logré hacerlo de la siguiente manera:
--- Código: Text ---<html> <head> <script language="JavaScript" type="text/javascript"> function clickFile(){ fileImagen=document.getElementById("btExaminar"); Ruta=document.getElementById("labelRuta"); fileImagen.click(); // ESTO NO FUNCIONA EN FIREFOX Y NO ENCUENTRO COMO HACERLO :-\ Ruta.firstChild.nodeValue=fileImagen.value; } </script> <title></title> <style type="text/css"> #btExaminar {display: none; } #labelRuta { font-family:cursive; font-size:120%; font-style:oblique; font-weight:bold; } </style> </head> <body> <form name="formulario"> <input type="file" name="btExaminar" id="btExaminar"> <span id="labelRuta">Seleccione la imágen</span><br /> <a href='javascript:;' onclick="return clickFile()"> <img src="examinar.bmp" alt="" border="0"> </a> </form> </body></html> En realidad, el input tipo "file", está oculto ("display: none;") pero utilizando JavaScript para disparar su evento "Click()" y tomar la ruta seleccionada se puede lograr tu cometido. Es más, podés diseñarlo como se te antoje.
El único problema es que de eventos yo no conozco mucho y no logro encontrar la forma correcta de ejecutar esta línea
--- Código: Text ---fileImagen.click(); en FireFox, por lo tanto para probarlo necesitas utilizar IE <_< . A vos te toca averiguar como hacerlo para que funque en cualquier navegador (y de paso me contás cómo).
De todas es solo una idea de donde puedas arrancar.
Un saludo
sheilac:
wow muchisimas gracias por la molestia.
de momento como el sitio es con mucho apuro lo deje asi como estaba y quedaron conformes
pero prometo en estos dias hacer lo que me dijistes asi me queda para otra vez y terminarlo.
de nuevo muchas gracias.
apenas este te paso aqui mismo la solucion con el detallecito que falta
Mollense:
--- Cita de: "sheilac" --- wow muchisimas gracias por la molestia.
de momento como el sitio es con mucho apuro lo deje asi como estaba y quedaron conformes
pero prometo en estos dias hacer lo que me dijistes asi me queda para otra vez y terminarlo.
de nuevo muchas gracias.
apenas este te paso aqui mismo la solucion con el detallecito que falta
--- Fin de la cita ---
Por nada y quedamos a la espera...
Un saludo :beer
Navegación
Ir a la versión completa