PROBLEMA FORMULARIO EN FIREFOX

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
Esteban RR

PROBLEMA FORMULARIO EN FIREFOX

Mensajepor Esteban RR » Mar May 01, 2007 12:44 pm

He creado un formulario sencillo que en IE funciona bien, pero en Firefox no funciona ¿podéis explicarme cómo solucionarlo? (soy neófito en esto). Mil gracias.

CÓDIGO:
--------------------------------------------------------------------------------

<form action="http://www.miweb.com/cgi-sys/FormMail.cgi" method="POST">
<p align="center"><strong><font color="#666600"> </font></strong><font color="#000000">
<input type=hidden name="recipient" value="suscripcion@miweb.com">
<input type=hidden name="subject" value="Sucripcion novedades">
<input type=hidden name="redirect" value="http://www.miweb.com/gracias.com">
</font> </p>
<table style="background-repeat:no-repeat " width="843" height="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="1">
<div style="padding-top:0px; padding-left:0px; font-weight: bold; color: #ff8400;">
<div align="center">&nbsp;<font face="Arial, Helvetica, sans-serif" size="1">
<img src="/images/s2.jpg" align="absmiddle" width="3" height="3">
<font color="#666600">&iquest;<b>Quieres recibir novedades</b>?
Suscribetete introduciendo tu email:</font></font>
<input type="text" name="email">
<a href="#">
<input border=0 src="/images/iconos/arrow.jpg" type=image name="image2" width="23" height="21" align="top">
</a>
</div>
<div style="padding-top:0px "> <a href="#"> </a></div>
<div style="padding-top:0px ">
<div style="padding-top:0px "> </div>
</div>
<div style="padding-top:0px ">
<div style="padding-top:0px "></div>
</div>
</div>
</td>
</tr>
</table>
<div align="center"></div>
</form>

----------------------------------------------------------------------------------

Avatar de Usuario
felipe
Gran Mozilla
Gran Mozilla
Mensajes: 5738
Registrado: Vie Jul 09, 2004 11:22 am
Ubicación: En un lugar de La Mancha ...
Contactar:

Mensajepor felipe » Mar May 01, 2007 1:58 pm

El problema cuál es exactamente?

Porque el código que has puesto es sólo la parte del formulario como tal, habría que ver también cuál es la página que procesa el envío, o saber qué es lo que te falla con más detalle.

Un saludo
"No importa cuanto sepas, sino las ganas que tengas de seguir aprendiendo"

Proyecto Nave | BabelZilla

Esteban RR

Problema con formulario en Firefox

Mensajepor Esteban RR » Mié May 02, 2007 4:41 pm

El formulario es sencillamente un campo con el email de la persona, y tiene un boton para enviarlo.

En IE colocando el email en el único campo del formulario y haciendo clic en el boton (o bien "enter" en el teclado) envía perfectamente el email al destino y redirige la página perfectamente.

En Firefox al hacer clic en el boton de enviar o bien al hacer clic en "enter" sencillamente no ocurre nada. Se queda en la misma página, no se envía el email, y lo único que hace es agregar, en la ruta de navegación, el símbolo "#" al final, osea http://www.miweb.com/# (no aparece ningún tipo de error o mensaje).

Este "mini formulario" de un solo campo está en la index.html. He colocado sólo el código del formulario porque entiendo que el problema debe estar ahí.
¿Crees que puede estar en otro sitio?, ¿Necesitas más información?.
El resto de la página es sólo una imagen.

El código de la página completa es:


CODIGO ANTERIOR AL FORMULARIO
--------------------------------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>El titulo de mi web</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta name="description" content="la descripcion">
<meta name="keywords" content="todas las palabras claves">
<link rel="stylesheet" href="css/estilo_demipagina.css" type="text/css">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<div align="center">



CÓDIGO DEL FORMULARIO
-----------------------------------------------------------------------------------
<form action="http://www.miweb.com/cgi-sys/FormMail.cgi" method="POST">
<p align="center"><strong><font color="#666600"> </font></strong><font color="#000000">
<input type=hidden name="recipient" value="suscripcion@miweb.com">
<input type=hidden name="subject" value="Sucripcion novedades">
<input type=hidden name="redirect" value="http://www.miweb.com/gracias.com">
</font> </p>
<table style="background-repeat:no-repeat " width="843" height="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="1">
<div style="padding-top:0px; padding-left:0px; font-weight: bold; color: #ff8400;">
<div align="center">&nbsp;<font face="Arial, Helvetica, sans-serif" size="1">
<img src="/images/s2.jpg" align="absmiddle" width="3" height="3">
<font color="#666600">&iquest;<b>Quieres recibir novedades</b>?
Suscribetete introduciendo tu email:</font></font>
<input type="text" name="email">
<a href="#">
<input border=0 src="/images/iconos/arrow.jpg" type=image name="image2" width="23" height="21" align="top">
</a>
</div>
<div style="padding-top:0px "> <a href="#"> </a></div>
<div style="padding-top:0px ">
<div style="padding-top:0px "> </div>
</div>
<div style="padding-top:0px ">
<div style="padding-top:0px "></div>
</div>
</div>
</td>
</tr>
</table>
<div align="center"></div>
</form>



CÓDIGO DESPUÉS DEL FORMULARIO (imagen con áreas/shapes de vínculos sobre esta)
----------------------------------------------------------------------------------

<p><img src="img/miweb.jpg" width="900" height="634" usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="714,549,839,567" href="#" alt="PR&Oacute;XIMAMENTE EN PDF" title="PR&Oacute;XIMAMENTE EN PDF">

<area shape="rect" coords="700,608,752,625" href="http://www.otraweb.org" target="_blank" alt="Nombre de la otra web" title="titulo de la otra web">

<area shape="rect" coords="570,454,777,477" href="#" alt="PR&Oacute;XIMAMENTE EN PDF" title="PR&Oacute;XIMAMENTE EN PDF">

<area shape="rect" coords="19,595,107,626" href="mailto:info@miweb.com" target="_blank" alt="CONTACTO: info@miweb.com" title="CONTACTO: info@miweb.com">

<area shape="rect" coords="412,292,542,315" href="http://www.otraweb.net" target="_blank" alt="LA OTRA WEB" title="TITULO DE LA OTRA WEB">

<area shape="rect" coords="639,130,846,153" href="http://www.OTRAWEB3.com" target="_blank" alt="LA OTRA WEB 3" title="TITULO DE LA OTRA WEB 3">

<area shape="circle" coords="513,509,59" href="#" alt="PR&Oacute;XIMAMENTE EN PDF" title="PR&Oacute;XIMAMENTE EN PDF">

<area shape="circle" coords="349,351,59" href="http://www.laotraweb.net" target="_blank" alt="LAOTRA WEB" title="LA OTRA WEB">

<area shape="circle" coords="582,188,59" href="http://www.otraweb.com" target="_blank" alt="OTRA WEB" title="LA OTRA WEB">

<area shape="circle" coords="219,187,59" href="http://miweb.wordpress.com" target="_blank" alt="TTULO DEL BLOG" title="TITULO DEL BLOG">

<area shape="rect" coords="281,130,488,153" href="http://miweb.wordpress.com" alt="TITULO DEL BLOG" title="TITULO DEL BLOG" target="_blank">

<area shape="rect" coords="627,608,698,625" href="http://www.otraweb.org" target="_blank" alt="titulo de la otra web" title="titulo de la otra web">
</map>
</p>
</div>
</BODY>
</HTML>

Mil gracias,

Avatar de Usuario
felipe
Gran Mozilla
Gran Mozilla
Mensajes: 5738
Registrado: Vie Jul 09, 2004 11:22 am
Ubicación: En un lugar de La Mancha ...
Contactar:

Re: Problema con formulario en Firefox

Mensajepor felipe » Mié May 02, 2007 6:00 pm

Esteban RR escribió:lo único que hace es agregar, en la ruta de navegación, el símbolo "#" al final, osea http://www.miweb.com/#


Es que, tal y como está puesto el código, es justo lo que le pones que haga, en la etiqueta a para indicar el enlace tienes puesto:

Código: Seleccionar todo

<a href="#">


y por eso es lo que hace al pulsar la imagen ... por lo que es un fallo del código, aunque en el IE de realmente el efecto deseado, pero en otros navegadores te encontrarás con este problema, por lo que es preferible usar un código correcto que normalmente te evita estos problemas.

Tendrías varias formas de arreglar esto, por ejemplo usando javascript, reemplazando la línea que puse arriba por esta otra:

Código: Seleccionar todo

<a href="javascript:document.forms[0].submit()">


Un saludo
"No importa cuanto sepas, sino las ganas que tengas de seguir aprendiendo"



Proyecto Nave | BabelZilla

Esteban RR

Mensajepor Esteban RR » Mié May 02, 2007 8:14 pm

Solucionado,

Gracias

Toloko

Re: PROBLEMA FORMULARIO EN FIREFOX

Mensajepor Toloko » Lun Jun 07, 2010 2:35 pm

Si tío, yo he tenido el mismo problema y lo he solucionado con un botón de envio tipo este..

Código: Seleccionar todo

    <button type="submit" name="frm[6]" id="buton" value="add" onclick="javascript:document.forms[0].submit();">Añadir Cliente</button>

donde forms[0] indica el numero de formulario por orden de aparición segun el DOM.
gracias

...........................................................................................................................................................................

Gracias por tú respuesta, pero estás respondiendo a un hilo de hace más de tres años: 01 May 2007, 14:44

[CERRADO]


Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado