javascript - que - ¿Cómo hacer un envío desde un enlace<a href...>...</a>?
hipervinculos en html ejemplos (10)
Obtuve una imagen con la que se vincula a otra página usando <a href="..."> <img ...> </a> .
¿Cómo puedo hacer que una publicación parezca un botón <input type="submit"...> ?
Algo como esta página ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BSO Communication</title>
<style type="text/css">
.submit {
border : 0;
background : url(ok.gif) left top no-repeat;
height : 24px;
width : 24px;
cursor : pointer;
text-indent : -9999px;
}
html:first-child .submit {
padding-left : 1000px;
}
</style>
<!--[if IE]>
<style type="text/css">
.submit {
text-indent : 0;
color : expression(this.value = '''');
}
</style>
<![endif]-->
</head>
<body>
<h1>Display input submit as image with CSS</h1>
<p>Take a look at <a href="/2007/07/26/afficher-un-input-submit-comme-une-image/">the related article</a> (in french).</p>
<form action="" method="get">
<fieldset>
<legend>Some form</legend>
<p class="field">
<label for="input">Some value</label>
<input type="text" id="input" name="value" />
<input type="submit" class="submit" />
</p>
</fieldset>
</form>
<hr />
<p>This page is part of the <a href="http://www.bsohq.fr">BSO Communication blog</a>.</p>
</body>
</html>
Aproximación más genérica utilizando los botones más cercano () y enviar () de la biblioteca JQuery . Aquí no tiene que especificar qué formulario desea enviar, envía el formulario en el que se encuentra.
<a href="#" onclick="$(this).closest(''form'').submit()">Submit Link</a>
Lo que podría ser una adición práctica a esto es la posibilidad de cambiar la URL posterior a la publicación desde el botón adicional para que pueda publicar en diferentes URL con diferentes botones. Esto se puede lograr estableciendo la propiedad de forma ''acción''. Aquí está el código para eso cuando usas jQuery:
$(''#[href button name]'').click(function(e) {
e.preventDefault();
$(''#[form name]'').attr(''action'', ''alternateurl.php'');
$(''#[form name]'').submit();
});
El atributo de acción tiene algunos problemas con las versiones anteriores de jQuery, pero lo más pronto posible.
No probado / podría ser mejor:
<form action="page-you''re-submitting-to.html" method="POST">
<a href="#" onclick="document.forms[0].submit();return false;"><img src="whatever.jpg" /></a>
</form>
No te olvides del elemento "BUTTON" que puede manejar un poco más de HTML dentro ...
Parece que estás tratando de usar una imagen para enviar un formulario ... en ese caso usa <input type="image" src="...">
Si realmente quieres usar un anclaje, entonces debes usar javascript:
<a href="#" onclick="document.forms[''myFormName''].submit(); return false;">...</a>
Reemplazamos el botón de enviar con esto todo el tiempo en formularios:
<form method="post" action="whatever.asp">
<input type=...n
<input type="image" name="Submit" src="/graphics/continue.gif" align="middle" border="0" alt="Continue">
</form>
Al hacer clic en la imagen se envía el formulario. ¡Espero que ayude!
input type = image lo hará por usted.
<html>
<?php
echo $_POST[''c'']." | ".$_POST[''d'']." | ".$_POST[''e''];
?>
<form action="test.php" method="POST">
<input type="hidden" name="c" value="toto98">
<input type="hidden" name="d" value="toto97">
<input type="hidden" name="e" value="toto aaaaaaaaaaaaaaaaaaaa">
<a href="" onclick="document.forms[0].submit();return false;">Click</a>
</form>
</html>
So easy.
So easy.
<input type="image" name="your_image_name" src="your_image_url.png" />
Esto enviará los valores your_image_name.x y your_image_name.y medida que envía el formulario, que son las coordenadas xey de la posición en la que el usuario hizo clic en la imagen.