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

Вид для печати

04.05.2007, 19:28
begin

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

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

Но ничего не работает - просто ведет на какой-то якорь.
04.05.2007, 19:37
Aykroyd

Код:

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

Обязано работать...
05.05.2007, 01:28
becool

<form name='tralala'></form>

[Only registered and activated users can see links. Click Here To Register...]
06.05.2007, 00:18
null

<form id='tralala'><input type="image" src="images/05.gif" width="64" height="64" onclick="document.forms.tralala.submit()" id="zoom"/></form>
06.05.2007, 00:24
Aykroyd

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

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

Aykroyd, ну и отлично [Only registered and activated users can see links. Click Here To Register...]
06.05.2007, 17:03
Aykroyd

Да вообще, круть у нас тут...
14.05.2007, 15:36
Эndorfinn

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

Цитата:

Originally posted by Эndorfinn@May 14 2007, 15:36
А как присобачить картинку вместо кнопки от <input type="file">?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Никак.
14.05.2007, 20:03
Эndorfinn

Цитата:

Originally posted by Aykroyd@May 14 2007, 17:55
Никак.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Круто [Only registered and activated users can see links. Click Here To Register...] Но вот какой парадокс, друзья мои ->
-> Но на буржуйских ресурсах-то от энтих самых кнопок все равно стандартностью и не пахнет.
13.06.2007, 22:12
misfit

НЕ забываем про тэг button - в кнопку можно превратить не только картинку но и любые элементы HTML... - [Only registered and activated users can see links. Click Here To Register...]
14.06.2007, 04:23
Aykroyd

Цитата:

Originally posted by misfit@Jun 13 2007, 22:12
НЕ забываем про тэг button - в кнопку можно превратить не только картинку но и любые элементы HTML... - [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

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

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

P.S.

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

Цитата:

Originally posted by 2GoDoom@Jun 18 2007, 20:41
Где-то в инете я видел статейку как благодаря javascript'ам делают и кнопки, и радиобаттоны и т.п. не стандартными =)
например чекбоксы - это квадратик, а когда жмешь - там галочка большая зеленая появляется, или крестик какой-нить, вместо просто зеленого квадратика внутри и т.п.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Вот эти ссылки:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
Только стоит ли овчинка выделки...

Цитата:

Originally posted by 2GoDoom@Jun 18 2007, 20:41
А у меня и document.formname.submit(); пашет =))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

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

Цитата:

Originally posted by 2GoDoom@Jun 18 2007, 20:41
И, кстати, на input type="image" если onClick не прописать - то не будет работать...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Нонсенс. Работает на ура... Читаем спецификацию...
19.06.2007, 23:30
2GoDoom

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

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

Цитата:

Originally posted by 2GoDoom@Jun 19 2007, 23:30
странно, у меня не пашет =)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

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

Цитата:

Originally posted by 2GoDoom@Jun 19 2007, 23:30
А овчинка выделки не стоит, ИМХО
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

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

Цитата:

Originally posted by 2GoDoom@Jun 19 2007, 23:30
хотя если заказчику вдруг приспичило и ему хочется чего-то эдаково, да еще и в добавку ко всему геморою товарищей разработчиков, то все же вариант =)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

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

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

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

Удалил сам.