Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Кнопка отправки формы с изменяющимся рисунком

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: возможно ли создание кнопки отправки формы с изменяющимся рисунком php(желательно), или яваскрипт
Поиск в теме | Версия для печати
avror
Отправлено: 27 Февраля, 2012 - 11:18:31
Post Id


Новичок


Покинул форум
Сообщений всего: 28
Дата рег-ции: Февр. 2009  


Помог: 0 раз(а)
Здраствуйте Уважаемые!
Имея:
<button>
<img src="/images/umbrella.gif" alt="Зонтик" style="vertical-align: middle">
Кнопка с рисунком
</button></p>

и
<form>
<input type="image" src="image.gif" name="sub" />
</form>

Как можно создать кнопку с изменяющимся рисунком в зависимости от выбора значени: <select name=day>
<option value=1>Понедельник</option>
<option value=2>Вторник</option>
</select>
 
 Top
DelphinPRO
Отправлено: 27 Февраля, 2012 - 11:35:51
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <input type=submit id="id_submit" class="day1" />
  2. <select onchange="OnchangeSelect(this);">
  3.   <option value="1"></option>
  4.   <option value="2"></option>
  5. </select>
  6.  

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .day1 {background:url(day1.jpg);}
  3. .day2 {background:url(day2.jpg);}
  4. .day3 {background:url(day3.jpg);}
  5.  

CODE (javascript):
скопировать код в буфер обмена
  1. function OnChangeSelect(e){
  2.   var value = $(e).value();
  3.   $('#id_submit').attr('class', '').addClass('day'+value);
  4. }


суть - при изменении селекта, присваиваем соответствующий CSS-класс кнопке. Классы описывают внешний вид внопки.

(Отредактировано автором: 27 Февраля, 2012 - 11:37:27)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
avror
Отправлено: 27 Февраля, 2012 - 11:49:11
Post Id


Новичок


Покинул форум
Сообщений всего: 28
Дата рег-ции: Февр. 2009  


Помог: 0 раз(а)
Кто-нибудь подскажие по каким фалам распихать чтоб это работало, или как составить правильно и с каким расширением?

(Отредактировано автором: 27 Февраля, 2012 - 12:43:28)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB