Дизайн и Верстка => Всё о Html => Тема начата: Forza от 23 Мая 2004, 13:20:40
Название: Submit в виде картинки
Отправлено: Forza от 23 Мая 2004, 13:20:40
Здравствуйте!
Как грамотно делать в форме аналог кнопки Submit в виде картинки? По сути надо заменить вот такую кнопку: .
Поискав по форумам, я нашёл . Но в этом случае, во-первых, для передачи параметра choice=search надо заводить скрытое поле , что кажется не очень красивым. Кроме того, передаются совершенно ненужные координаты клика на рисунке (X и Y), которые отображаются в URL (да, форма работает через GET, так надо!), что ещё более некрасиво. Как это можно побороть?
Название: Submit в виде картинки
Отправлено: remal от 23 Мая 2004, 19:43:53
JavaScript сделай кнопку с рисунком и при нажатии делай submit вей форме
Название: Submit в виде картинки
Отправлено: Forza от 23 Мая 2004, 20:14:13
remal, а можно подробней (или ссылочку дать)? А то я с JavaScript раньше совсем почти не работал (знаю только window.open() и close() ;)).
Название: Submit в виде картинки
Отправлено: Mog. от 24 Мая 2004, 09:23:44
пример со скриптом
а можно и без скрипта (и без x y)
Название: Submit в виде картинки
Отправлено: Forza от 20 Июля 2004, 23:11:28
Наконец-то посмотрел эти варианты. Спасибо :appl:, оба работают. Только для полноты не хватало им style="cursor: hand;", иначе курсор оставался в виде стрелки при наведении на картинку.
p.s. Хотя второй вариант у меня немного глючил. Мне дали картинку с лупой на синем фоне, и если эту картинку использовать как BACKGROUND для
Название: Submit в виде картинки
Отправлено: Forza от 08 Августа 2004, 20:16:14
В продолжении темы...
В форме надо сделать 2 кнопки в виде картинок, нажатие на которые должно приводить к различным действиям с данными формы. В случае форм-не-картинок всё было бы просто: .
А как лучше оформить это дело с кнопками-картинками? Ранее, когда над формой могло производиться только одно действие, оно заранее записывалось в . Теперь понятно, что вариант с onclick=forms.form_number_one.submit() не подходит, т.к. он сразу сабмитит форму с её заранее определёнными параметрами. А вот вставка во второй вариант параметров name и value (а именно: ) почему-то не помогает: параметр choice приходит пустым.
Так что я сделал следующим образом: заранее завёл , далее на каждую кнопку картинку повесил функцию с разными param для каждой кнопки, а функция submitThisForm() заканчивается на: thisForm.choice.value=param; thisForm.submit();
Такое решение кажется мне громоздким. Неужели нет варианта покрасивее?
Название: Submit в виде картинки
Отправлено: Меняздесьдавнонет от 08 Августа 2004, 21:05:44
Цитировать
Forza: Ранее, когда над формой могло производиться только одно действие, оно заранее записывалось в .
глупость и ранее не надо было
Цитировать
Forza: Неужели нет варианта покрасивее?
есть. взять, да получить в скрипте имя нажатой кнопки.
Название: Submit в виде картинки
Отправлено: Forza от 08 Августа 2004, 21:08:22
Цитировать
RomikChef: глупость и ранее не надо было
Да? И как мне тогда передать в значение choice=do_this?
Цитировать
RomikChef: есть. взять, да получить в скрипте имя нажатой кнопки.
Можно поподробней?
Название: Submit в виде картинки
Отправлено: Меняздесьдавнонет от 08 Августа 2004, 21:56:31
можно.
скажи, если в ящике стоят бутылки с пивом, то ты сможешь взять из него только то пиво, название которого ты знаешь? А если не будешь знать, какое пиво в ящике, то так и умрешь от жажды?
почему в программировании простейшие операции, которые мы совершаем в жизни не задумываясь, вызывают ТАКИЕ трудности? Неужели так трудно посмотреть список приходящих в скрип переменных и найти глазами нужную?
Или единственный способ получения знаний о своих программах - это задавать вопросы на форуме?
Название: Submit в виде картинки
Отправлено: Forza от 08 Августа 2004, 22:43:10
[OFF]Почему ты такой зануда, а?[/OFF]
Я хочу, чтобы инфа о нажатой на форме кнопке-картинке приходила в виде пары "name=value". Если я создаю форму типа: