Обычная ссылка как submit в Форме

Статус
В этой теме нельзя размещать новые ответы.

saylar_06

Создатель
Регистрация
7 Мар 2009
Сообщения
42
Реакции
0
Дорогие друзья! вот у меня возник вопрос, как сделать в обыной форме SUBMIT не через INPUT (жирную кнопку) а обычную <A HREF=""></A>?
 
HTML:
<form id="form_id">
</form>
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Пыщь!!!1111
</a>
 
если хочешь картинку просто вложить в <a>, можно также сделать вместо <input type="submit"> вот это <input type="image" name="submit" src="kartinka.jpg">
 
HTML:
<form id="form_id">
</form>
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Пыщь!!!1111
</a>

Спасибо большое помогло, но появилась необходимость чуть чуть модифицировать форму, т.е чтоб ссылка несла с собой методом пост ещё и значение пусть числовое

HTML:
<form id="form_id">
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>
 
Спасибо большое помогло, но появилась необходимость чуть чуть модифицировать форму, т.е чтоб ссылка несла с собой методом пост ещё и значение пусть числовое
HTML:
<form id="form_id">
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>

Чуток не понял про числовое значение но если я правильно понял то вот:
HTML:
<form id="form_id_1" action="" method="post">
<input name="peremenaya1" type="hidden" value="1">

<a href="#" onclick="document.getElementById('form_id_1').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
</form>

<form id="form_id_2" action="" method="post">
<input name="peremenaya2" type="hidden" value="2">

<a href="#" onclick="document.getElementById('form_id_2').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>

или можно попробовать так (не проверял:(
HTML:
<form id="form_id" action="" method="post">
<label><input name="peremenaya1" type="checkbox" value="1">
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a></label>

<input name="peremenaya2" type="checkbox" value="2">
<label><a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a></label>
</form>

Чек боксы (галочки) можно попробовать убрать с помощью CSS стилей.
 
Спасибо большое помогло, но появилась необходимость чуть чуть модифицировать форму, т.е чтоб ссылка несла с собой методом пост ещё и значение пусть числовое

HTML:
<form id="form_id">
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>

элементарно на onclick вешаешь еще 1 функцию, в которой добавляешь скрытое поле со своим значением. Значение можно брать к примеру из id ссылки.

Добавлено через 2 минуты
Чуток не понял про числовое значение но если я правильно понял то вот:
HTML:
<form id="form_id_1" action="" method="post">
<input name="peremenaya1" type="hidden" value="1">

<a href="#" onclick="document.getElementById('form_id_1').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
</form>

<form id="form_id_2" action="" method="post">
<input name="peremenaya2" type="hidden" value="2">

<a href="#" onclick="document.getElementById('form_id_2').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>
или можно попробовать так (не проверял:(
HTML:
<form id="form_id" action="" method="post">
<label><input name="peremenaya1" type="checkbox" value="1">
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a></label>

<input name="peremenaya2" type="checkbox" value="2">
<label><a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a></label>
</form>
Чек боксы (галочки) можно попробовать убрать с помощью CSS стилей.
у тебя вообще получаются 2 разные формы
 
HTML:
<form id="form_id">
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
<a href="#" onclick="document.getElementById('form_id').submit();return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>

элементарно на onclick вешаешь еще 1 функцию, в которой добавляешь скрытое поле со своим значением. Значение можно брать к примеру из id ссылки.

всё верно, а можно пример? если вас не затруднит

нужно что то вроде этого
PHP:
<input type="submit" name="Send" value="Send"> 
<input type="submit" name="Add" value="Add">
if ($_GET['Send']) ...
elseif ($_GET['Add']) ...
пхп условия я сам напишу...
 
HTML:
<script>
function f1(id)
{
    var h = document.getElementById('h');
    if(h) h.parentNode.removeChild(h);
    document.getElementById('form_id').innerHTML += '<input type="hidden" id="h" name="h" value="'+id+'" />';
    document.getElementById('form_id').submit();
}
</script>
<form id="form_id">
<a href="#" id="1" onclick="f1(1);return false;">
    Сылка 1 - к примеру тут переменная со значением 1
</a>
<a href="#" onclick="f1(2);return false;">
    Сылка 2 - а тут переменная со значением 2
</a>
</form>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху