как сделать кнопку-картинку

[begin]

Хочу чтобы на форме поиска кнопкой была картинка с лупой. В книге нашел такой совет:


<form name=&#39;sf&#39; ......>
......
<a href=&#39;#&#39; onClick=&#39;document.sf.Submit(); return false&#39;>
<img src=&#39;images/05.gif&#39;>
</a>


Но ничего не работает - просто ведет на какой-то якорь.

[Aykroyd]

<form action="bla-bla.php" name="sf" id="sf">
......
<a href="#" onClick="document.sf.Submit(); return false;">
[img]images/05.gif[/img]
</a>

Обязано работать...

[becool]

<form name=&#39;tralala&#39;></form>

[Только зарегистрированные пользователи могут видеть ссылки. ]

[null]

<form id=&#39;tralala&#39;><input type="image" src="images/05.gif" width="64" height="64" onclick="document.forms.tralala.submit()" id="zoom"/></form>

[Aykroyd]

becool
Да, я забыл про forms, каюсь... )


null
Если type="image", то это уже само по себе подразумевает submit и без onclick...

[null]

Aykroyd, ну и отлично

[Aykroyd]

Да вообще, круть у нас тут...

[Эndorfinn]

А как присобачить картинку вместо кнопки от <input type="file">?

[Aykroyd]

Originally posted by Эndorfinn@May 14 2007, 15:36
А как присобачить картинку вместо кнопки от <input type="file">?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Никак.

[Эndorfinn]

Originally posted by Aykroyd@May 14 2007, 17:55
Никак.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Круто Но вот какой парадокс, друзья мои ->
-> Но на буржуйских ресурсах-то от энтих самых кнопок все равно стандартностью и не пахнет.

[misfit]

НЕ забываем про тэг button - в кнопку можно превратить не только картинку но и любые элементы HTML... - [Только зарегистрированные пользователи могут видеть ссылки. ]

[Aykroyd]

Originally posted by misfit@Jun 13 2007, 22:12
НЕ забываем про тэг button - в кнопку можно превратить не только картинку но и любые элементы HTML... - [Только зарегистрированные пользователи могут видеть ссылки. ]
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
А можно поподробнее насчет того как с помощью элемента <button> реализовать <input type="file">?

[2GoDoom]

Где-то в инете я видел статейку как благодаря javascript&#39;ам делают и кнопки, и радиобаттоны и т.п. не стандартными =)
например чекбоксы - это квадратик, а когда жмешь - там галочка большая зеленая появляется, или крестик какой-нить, вместо просто зеленого квадратика внутри и т.п.

P.S.

А у меня и document.formname.submit(); пашет =))
И, кстати, на input type="image" если onClick не прописать - то не будет работать...
По крайней мерее у меня и всех моих работах, которые вроде как работают, все так работает =))

[Aykroyd]

Originally posted by 2GoDoom@Jun 18 2007, 20:41
Где-то в инете я видел статейку как благодаря javascript&#39;ам делают и кнопки, и радиобаттоны и т.п. не стандартными =)
например чекбоксы - это квадратик, а когда жмешь - там галочка большая зеленая появляется, или крестик какой-нить, вместо просто зеленого квадратика внутри и т.п.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вот эти ссылки:
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
Только стоит ли овчинка выделки...

Originally posted by 2GoDoom@Jun 18 2007, 20:41
А у меня и document.formname.submit(); пашет =))
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Да, работает и при таком синтаксисе. Почему у автора темы были проблемы – неизвестно.

Originally posted by 2GoDoom@Jun 18 2007, 20:41
И, кстати, на input type="image" если onClick не прописать - то не будет работать...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Нонсенс. Работает на ура... Читаем спецификацию...

[2GoDoom]

странно, у меня не пашет =)

А овчинка выделки не стоит, ИМХО
хотя если заказчику вдруг приспичило и ему хочется чего-то эдаково, да еще и в добавку ко всему геморою товарищей разработчиков, то все же вариант =)

[Aykroyd]

Originally posted by 2GoDoom@Jun 19 2007, 23:30
странно, у меня не пашет =)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Выложите код, посмотрим что не так... )

Originally posted by 2GoDoom@Jun 19 2007, 23:30
А овчинка выделки не стоит, ИМХО
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Солидарен)

Originally posted by 2GoDoom@Jun 19 2007, 23:30
хотя если заказчику вдруг приспичило и ему хочется чего-то эдаково, да еще и в добавку ко всему геморою товарищей разработчиков, то все же вариант =)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Даже со стандартными полями форм наблюдаются большие проблемы в плане различий их отображения в разных браузерах. И довольно часто приходится городить огромную кучу стилевых хаков-правил, для того чтобы заставить их отображаться одинаково... В этой связи о всяких JS-выкрутасах я предпочитаю даже и не заикаться...

[2GoDoom]

код - если наткнусь на свой старый проект - кину ссылочку =)

А насчет JS - согласен, но всё таки заказчики бывают разные =)

[itstep]

Удалил сам.