Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
FAQ: Colocar una Imagen como un botón para enviar un formulario

 Se muestra un comentario sin revisar

FromCol  03/1/08 
Existe otra opcion y es la siguiente:

<form method='post'>
<a href='#' onClick="document.forms[0].action='script_que_recibe_los_datos.xxx';document.forms[0].submit();"><img src='ruta_a_la_imagen.xxx' border='0'></a>
</form>

Entonces, como ves, de esta manera no puedes referenciar el metodo action del form ni cargarlo porque al hacer el submit, lanzara el del form y no el del onClick.

Ademas, se referencia el form por el index (forms[0]) porque no le colocamos name, si se lo nombras, entonces cambia forms[0] por el name que le pusiste.

Debe escribir border='0' en las propiedades de la imagen, porque se esta definiendo como un hipervinculo y como tal, por defecto, el sistema le traza un recuadro azul.

Entre las ventajas que tienes es que a cada imagen le puedes asociar un action diferente a los que igual se envian todos los valores de los campos contenidos en el formulario.

Espero que te sirva.

Ver el articulo / faq completo Ver la FAQ y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba


DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia