Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как отправить форму по клику по ссылке

Как отправить форму по клику по ссылке


     09.01.2012    Общие вопросы по вёрстке    4143

вопрос
Вобщем в шаблоне DLE используются <button /> для кнопок, нормально стилизовать под дизаин их не получается...вопрос вот в чём, можно ли как то их заменить на <a />? И параллельно всплывающий вопрос, допустим кнопка имеет такой вид:
<button name="add" class="fbutton" type="submit"><span>Отправить</span></button>

и если заменить на
<a href="">Отправить</a>

то как заполнить href="?" что бы выполнилось определенное действие аналогичное <button /> ?

Ответил: ПафНутиЙ


<a href="javascript:void(0);" title="кнопка" onclick="$('#formid').submit()">Отправить</a>

где #formid - ID отправляемой формы.

Другой вариант (когда кнопок у формы много например Оправить и Предпросмотр)
Для button устанавливаем type="hidden" и назначаем уникальный ID каждой кнопке
а в ссылке пишем:
<a href="javascript:void(0);" title="кнопка" onclick="$('#buttonid').trigger()">Отправить</a>

где #buttonid - ID кнопки.

Комментарии пользователей (2)

kamaz6141
7 | 9

kamaz6141 - 9 января 2012 18:12 - Юзер

Огромное спасибо, сейчас опробуем)

сделал вот так
<button id="send_button" name="add" type="hidden">Отправить</button>

<a class="mod_button" href="javascript:void(0);" title="Отправить" onclick="$('#send_button').trigger()">Отправить</a>

но при клике ничего не происходит sad

хм... а вот первый описанный Вами способ работает
<button id="send_button" name="add" type="submit">Отправить</button>

<a class="mod_button" href="javascript:void(0);" title="кнопка" onclick="$('#send_button').submit()">Отправить</a>

но как скрыть <button> из виду? а то отображаются 2 кнопочки feel

kamaz6141
7 | 9

kamaz6141 - 11 января 2012 03:49 - Юзер

Вобщем как скрыть разобрался, заменил кнопочку в addcomments.tpl, всё работает отлично, а вот при замене в addnews.tpl происходит баг, если ничего не заполнять и нажать кнопочку то она работает(всплывает сообщение что нужно указать заголовок статьи), а если что-либо заполнить то ссылка уже не работает. Помогите пожалуйста!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы