Перейти к публикации

type= "image" вместо кнопки submit


Рекомендованные сообщения

Народ, у меня такая проблема, если кто-то знает то пусть поможет, а для этого надо рулить немного в ПХП и НТМЛ ;)

так вот дело в том, что прописывать картинку вместо кнопки научился. Код следующий, к примеру:

<INPUT class="input" TYPE=image SRC="images/save.gif" alt="Изменить | Сохранить" align="middle" TYPE="SUBMIT" VALUE="Изменить сообщение">

Данный код используется в шаблоне форума *.htm который связан с определенным php файлом.

Далее есть еще один код: <INPUT class="input" TYPE=image SRC="images/reset.gif" alt="Очистить" align="middle" TYPE="RESET" VALUE="Очистить">

По идее второй код должен отчистить текстовое поле, но он работает точно также как и первый. И все это связано с формой в начале ХМТЛ страницы <FORM enctype="multipart/form-data" ACTION="edit.php" METHOD="POST" name="bbform">

Знающих людей прошу проверить это на деле по адресу http://www.forumok.km.ru/main.php

Имя: Tester

Пароль: forumok

Возьмите сделайте новую тему, потом измените и пробуйте использовать кнопки-картинки Сохранить, Добавить, Отчистить, Просмотр и они все одинаково работают, тюе выполняют добавление/изменине, а если кнопки-картинки убрать, росто кнопки, то все работает без проблем.

Надеюсь на знающих ответ умных людей :) Все заранее спасибо!

Ссылка на сообщение
Поделиться на других сайтах

Ну во первых, для решения этой проблемы не требуется знание php эти вопросы решает исключительно html на пару с javascript.

код первой кнопки:

<INPUT class="input" TYPE=image SRC="images/save.gif" alt="Изменить | Сохранить" align="middle" VALUE="Изменить сообщение">
со вторым вопросом посложнее, для его решения необходимо использовать javascript и никак иначе. код должен быть такого вида:
<a onclick="document.имя формы.reset(); return false;" href="#"><IMG src="images/reset.gif" align=absMiddle border=0></a>
т.е. для твоей формы
<a onclick="document.bbform.reset(); return false;" href="#"><IMG src="images/reset.gif" align=absMiddle border=0></a>

Ссылка на сообщение
Поделиться на других сайтах

Большое спасибо, все это действительно верно и работает без проблем ;)

Но у меня еще одна проблема возникла :blink:

Есть еще между этими кнопками-картинками, такая картинка как Предварительный Просмотр, пробывал её сделать также как ява, что-то не выходит, по-старому она работает как сохранить/изменить, т.е код кнопки выполняет команду кпопки Сохранить :(

Текущий код

<INPUT class="input" TYPE=image SRC="images/preview.gif" alt="Просмотр" align="middle" TYPE="SUBMIT"  NAME="preview" VALUE="Просмотр">

Изначальный код без картинки, который работает.

<INPUT class="input" TYPE="SUBMIT"  NAME="preview" VALUE="Просмотр">

А это сама страница шаблона форума http://www.forumok.km.ru/templates/edit.htm

Вот такие пироги, а как бы все-таки :unsure:

Ссылка на сообщение
Поделиться на других сайтах

так ессно так и будет... .) по нажатию на кнопку должно устанавливаться значение в хидден поле и после этого сабмититься...

в форме

<input type="hidden" id="yaaahhooo" value="" name="yaaahhooo">

<img src="..." onclick="getElementById('yaaahhooo').value='1';formname.submit();">

Ссылка на сообщение
Поделиться на других сайтах

что-то я попробывал и ничего не вышло :huh: Можно ли наглядно для моего примера показать нужное!

Буду очень признателен умным людям :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

на твоем примере точно не скажешь, в данном случай нужно смотреть php код, по какому принципу он в дальнейшем обрабатывает данные из формы

Ссылка на сообщение
Поделиться на других сайтах

Ну это же не проблема! Нужное я могу прислать, думаю там нет ничего сложного :D Только нужно сказать куда прислать пхп файл и всё ;)

Буду признателен...

Ссылка на сообщение
Поделиться на других сайтах

когда в любой форме есть

input type="image"

то по умолчанию эта кнопка становится submit

вот ТАКОЕ :

<INPUT class="input" TYPE=image SRC="images/save.gif" alt="Изменить | Сохранить" align="middle" TYPE="SUBMIT" VALUE="Изменить сообщение">
даже разбирать не хочется, ибо страсть как неграмотно и не стыкуется с вебстандартами. Вот такого - за глаза хватит чтобы отправить форму скрипту
<input class="go" type="image" src="../buttons/submit.gif" alt=" GO! " />

кнопка - reset устаревший анахронизм, никому нах никогда не нужный, и только вводящий юзера в заблуждение.

что касается кнопки предв.просмотра - то можно сделать на этой кнопке:

вызов яваскрипт функции (в которой следует указать что делать-то)

onclick="predvaritelnyi_prosmotr();"

или же

передачу данных (указание на просмотр) через массив POST,GET,SESSION

т. Грузчик,

ужас. лень аж перечислять сколько можно. НО, боюсь это не понадобится т.к. ты ищешь готовые решения, а когда любители готовых решений сталкиваются с минимально нестандартной ситуацией - усё, коллапс. Поэтому, пойми - НИКАКОЙ совет тебе не поможет, до тех пор пока ты да что там пхп, HTML не освоишь.

Ссылка на сообщение
Поделиться на других сайтах

Ладно ;) Всем спасибо за помощь, кое-что народ помог узнать, ну остальное буду сам пробывать методом проб и ошибок :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

Зря, лучше по-моему спросить у народа совет,чем мучиться самому,

ведь форум для этого и существует!

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...