Problema enviando un formulario

R4s3c · #1 (**permalink**) 09/07/2009, 08:40

Saludos a todos.

Estoy haciendo botones con un tutorial que encontré en: oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Y el código HTML tiene esta forma:

Código HTML:

<a class="button" href="#"><span>Bring world peace</span></a>

A mí me gustaría enviar la información de los formularios con estos botones, ¿Cómo lo debo hacer? Al final del tutorial dice:

Cita:

To submit forms with this type of button, simply add more calls to the button's onclick event.

y yo le he colocado

Código HTML:

<a class="button" href="#" onclick="document.forms[0].submit(); return false;"><span>Bring world peace</span></a></p>

pero no funciona bien, con eso lo que hace es enviar los datos del formulario a la página del action (hasta aquí funciona bien!) pero luego se redirige a la página del formulario.

Alguien sabe qué es lo que estoy haciendo mal? Funciona bien si le quito href="#" pero cuando el cursor del mouse está encima no muestra la manita...

Gracias,
R4s3c.

Lauferin · #2 (**permalink**) 09/07/2009, 08:48

No estoy seguro, pero prueba poniendo href="javascript:;" .

R4s3c · #3 (**permalink**) 09/07/2009, 12:44

Gracias Lauferin por la respuesta, pero lo probé y no me funcionó xD.

Lo que hice fue quitarle el atributo href y en la hoja de estilos coloqué a.button:hover { cursor:pointer; }

:D

gjx2 · #4 (**permalink**) 09/07/2009, 12:58

No se si resolviste
Pero tengo una opcion.

Código Code:

Ver original<?php
 
if(isset($_POST['nombre'])){
echo $_POST['nombre'];
}
 
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo</title>
 
<script>
 
 
function enviar(){
 
formulario.submit();
 
}
 
</script>
<style type="text/css">
<!--
.btnSend {
    background-color: #0099CC;
    width: 122px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    height: 22px;
    border: 1px solid #0066CC;
    padding-top: 0em;
    padding-right: 2em;
    padding-bottom: 0em;
    padding-left: 2em;
    text-align: center;
    cursor:pointer;
}
-->
</style>
</head>
 
<body>
 
 
<form name="formulario" method="post" action="<?=$_SERVER['PHP_SELF']?>">
 
<input type="text" name="nombre">
<a href="Javascript:enviar();" class="btnSend">Enviar</a>
 
</form>
</body>
</html>