Дизайн и Верстка > Всё о Html

Submit в виде картинки

(1/3) > >>

Forza:
Здравствуйте!

Как грамотно делать в форме аналог кнопки Submit в виде картинки?
По сути надо заменить вот такую кнопку: .

Поискав по форумам, я нашёл . Но в этом случае, во-первых, для передачи параметра choice=search надо заводить скрытое поле , что кажется не очень красивым. Кроме того, передаются совершенно ненужные координаты клика на рисунке (X и Y), которые отображаются в URL (да, форма работает через GET, так надо!), что ещё более некрасиво.
Как это можно побороть?

remal:
JavaScript сделай кнопку с рисунком и при нажатии делай submit вей форме

Forza:
remal, а можно подробней (или ссылочку дать)?
А то я с JavaScript раньше совсем почти не работал (знаю только window.open() и close() ;)).

Mog.:
пример со скриптом

<form action method=get name=form_number_one>
<input type=text name=x> 
</form>
<img src=file.gif onclick=forms.form_number_one.submit()>


а можно и без скрипта (и без x y)

<FORM method=get>
<INPUT name=text>

<button type=submit style="BACKGROUND-IMAGE: url(file.gif); WIDTH: 20px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; BORDER-BOTTOM-STYLE: none">
</button>
</FORM>

Forza:
Наконец-то посмотрел эти варианты.
Спасибо :appl:, оба работают. Только для полноты не хватало им style="cursor: hand;", иначе курсор оставался в виде стрелки при наведении на картинку.

p.s. Хотя второй вариант у меня немного глючил. Мне дали картинку с лупой на синем фоне, и если эту картинку использовать как BACKGROUND для , то она выглядела как лупа на сером фоне (стандартном цвете кнопок в IE). :(

Навигация

[0] Главная страница сообщений

[#] Следующая страница