Retroceder   Foros del Web > Diseño de Sitios web > (X)HTML

Respuesta
 
Herramientas Desplegado
Antiguo 04-nov-2005, 12:04   #1 (permalink)
leoperez ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Submit de un Form

Hola a todos,

El submit de un form tiene que ser por fuerza un botón o podría ser un texto con un href. Alguien podría ponerme algún ejemplo de un submit distinto al normal?

Muchas gracias.
leoperez está desconectado   Responder Citando
Antiguo 04-nov-2005, 12:20   #2 (permalink)
Moderata
JavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradable
 
Avatar de JavierB
 
Fecha de Ingreso: noviembre-2002
Ubicación: Madrid
Mensajes: 19.552
Hola leoperez

Un ejemplo con un enlace, podría ser:

<a href="#" onclick="document.nombreFormulario.submit(); return false">Enviar</a>

Espero que te sirva. Saludos,
__________________
Lee las Políticas de los foros y escribe correctamente.
JavierB está desconectado   Responder Citando
Antiguo 04-nov-2005, 12:36   #3 (permalink)
leoperez ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Hola Javier,

Porque el return false?

Saludos.
leoperez está desconectado   Responder Citando
Antiguo 04-nov-2005, 12:45   #4 (permalink)
Moderata
JavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradableJavierB es realmente agradable
 
Avatar de JavierB
 
Fecha de Ingreso: noviembre-2002
Ubicación: Madrid
Mensajes: 19.552
Hola de nuevo.

Si pones <a href="#" cuando pulsas te manda al principio de la página, con return false se evita que funcione lo que tengas en href

Lo he puesto porque si tienes el formulario en la parte de abajo de la página y haces el submit a un pop-up o un iframe, la página se desplazará hasta arriba. Si el submit lo haces a otra página en la misma ventana, no te hace falta, puedes quitarlo.

No se si se entiende tal como lo he explicado Saludos,
__________________
Lee las Políticas de los foros y escribe correctamente.
JavierB está desconectado   Responder Citando
Antiguo 04-nov-2005, 14:18   #5 (permalink)
leoperez ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Si Javier, lo entendí. Muchas gracias.
leoperez está desconectado   Responder Citando
Antiguo 04-nov-2005, 14:30   #6 (permalink)
living está en el buen camino
 
Avatar de living
 
Fecha de Ingreso: mayo-2004
Mensajes: 1.266
Eso no lo sabía JavierB, muchas gracias. También lo puede hacer así para evitar eso:

<a href="javascript:document.nombreFormulario.submit( );">Enviar</a>
__________________
¿Te apasiona el mundo del guión? El portal del guión
living está desconectado   Responder Citando
Antiguo 04-nov-2005, 14:57   #7 (permalink)
thunder.scripts está en el buen camino
 
Avatar de thunder.scripts
 
Fecha de Ingreso: febrero-2005
Mensajes: 646
Te comento que si hacés eso la gente que usa navegadores sin javascript/con javascript deshabilitado nunca van a poder mandar tu formulario.

Te conviene usar un botón submit normal, y hacerlo parecer texto mediante hojas de estilos: sacás el borde, el fondo, lo subrayás, etc.

Suerte
Fede
__________________
Federico H. García
Desarrollo Web
www.federicog.com.ar
www.vmgdesign.com.ar
thunder.scripts está desconectado   Responder Citando
Antiguo 04-nov-2005, 15:24   #8 (permalink)
leoperez ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Toda la razón Fede, ya lo he echo como dices. Si alguien duda como hacerlo puedo poner un ejemplo.

Saludos y gracias a todos por ser tan rápidos en contestar.
leoperez está desconectado   Responder Citando
Antiguo 04-nov-2005, 17:48   #9 (permalink)
joyamaestra ha deshabilitado el karma
 
Fecha de Ingreso: agosto-2005
Mensajes: 12
Otra opción es darle una imágen al botón

Puedes agregar una imágen al botón si haces algo así:

Cita:
<input type="submit" value="Enviar" name="B1"
style="background-image: url('logo.jpg')">
Claro, en logo.jpg tendrás una imágen del tamaño del botón que diseñes.

Se ve bien.

Suerte.
joyamaestra está desconectado   Responder Citando
Antiguo 05-nov-2005, 01:26   #10 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
Otra opción puede ser alterar el botón de submit para que parezca un link

por ejemplo...

Código:
<style type="text/css">
<!--
.botoncillo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
	padding: 0px;
	border: none;
	cursor: pointer;
	background-color: #FFFFFF;
}
-->
</style>
</head>

<body>
<form action="" method="post" name="pepe" id="pepe">
  <input  type="submit" class="botoncillo" value="Enviar" />
</form>
</body>
Saludos
tunait está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 10:03.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93