Как сделать отправку из раздела < a href & # 8230; < / a > ссылка на сайт?
-
07-07-2019 - |
Вопрос
Я получил изображение с ссылками на другую страницу, используя Как сделать так, чтобы сообщение было таким, как если бы это была кнопка < a href = " ... " > < img ... > & Л; / а & GT;. Код> р>
< input type = " submit " ... >
?
Решение
<input type="image" name="your_image_name" src="your_image_url.png" />
При отправке формы будут отправлены значения your_image_name.x
и your_image_name.y
, представляющие собой координаты x и y позиции, по которой пользователь щелкнул изображение . р>
Другие советы
Более общий подход с использованием библиотеки JQuery closest () и submit () кнопки. Здесь вам не нужно указывать форму, которую вы хотите отправить, отправьте форму, в которой она находится.
<a href="#" onclick="$(this).closest('form').submit()">Submit Link</a>
Похоже, вы пытаетесь использовать изображение для отправки формы ... в этом случае используйте
Если вы действительно хотите использовать якорь, тогда вы должны использовать javascript: < тип ввода = " изображение " SRC = & Quot; ... & Quot; & GT; код> р>
< a href = " # " OnClick = & Quot; document.forms [ 'myFormName'] представить (). вернуть false; " > ... < / a >
тип ввода = изображение сделает это за вас. р>
Не проверено / может быть лучше:
<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>
<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.
Что может быть удобным дополнением к этому, так это возможность поменять пост-URL с дополнительной кнопки, чтобы вы могли публиковать на разные URL-адреса с помощью разных кнопок. Этого можно достичь, установив свойство формы action. Вот код для этого при использовании jQuery:
$('#[href button name]').click(function(e) {
e.preventDefault();
$('#[form name]').attr('action', 'alternateurl.php');
$('#[form name]').submit();
});
У атрибута action есть некоторые проблемы со старыми версиями jQuery, но с последней вам будет хорошо.
Что-то как эта страница ?
<!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>
Не забудьте "КНОПКУ" элемент, который может обрабатывать больше HTML внутри ...
Мы постоянно заменяем кнопку отправки на форму:
<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>
При нажатии на изображение отправляется форма. Надеюсь, это поможет!