X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> смена рисунка у инпута при наведении курсора
sikwel_hb
sikwel_hb
Topic Starter сообщение 20.7.2009, 0:21; Ответить: sikwel_hb
Сообщение #1


Здравствуйте, уважаемые, извините за чайниковский вопрос.
Подскажите пожалуйста, каким образом сделать чтобы при наведении курсора у тега input type="image" этот самый имадж менялся на другой?
вроде бы допер до onmouseover и onmouseout но так до конца и не сделал работающий вариант.
Сделал вот так, но эксплорер ругается на имя...
Вот так:
[IMG]http://www.html.by/%3Ca%20href=%22http://clip2net.com/page/m17400/1398346%22%3E%3Cimg%20src=%22http://clip2net.com/clip/m17400/1248034451-clip-16kb.png%22%20alt=%22%C3%90%C2%B2%C3%90%C2%B0%22/%3E%3C/a%3E[/IMG]http://clip2net.com/clip/m17400/1248034451-clip-16kb.png
[IMG]http://www.html.by/%3Ca%20href=%22http://clip2net.com/page/m17400/1398346%22%3E%3Cimg%20src=%22http://clip2net.com/clip/m17400/1248034451-clip-16kb.png%22%20alt=%22%C3%90%C2%B2%C3%90%C2%B0%22/%3E%3C/a%3E[/IMG]
<form name="srch_form" action="...">
<table border="0" cellspacing="0" cellpadding="2" valign="middle">

<tr valign="middle">
<td><input name="s" type="image" src="images/submit.gif" onMouseOver="document.srch_form.s.src='images/submit_hover.gif'" onMouseOut="document.srch_form.s.src='images/submit.gif'" value="<?=GetMessage("BSF_T_SEARCH_BUTTON");?>" /></td>
</tr>

</table>
</form>
Помогите советом пожалуйста:rolleyes:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.7.2009, 3:53; Ответить: Alcorn
Сообщение #2


<input name="s" id="s" ........

document.getElementById('s').src='images/submit_hover.gif'"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 20.7.2009, 11:58; Ответить: sikwel_hb
Сообщение #3


(Alcorn @ 20.7.2009, 06:53) *
<input name="s" id="s" ........

document.getElementById('s').src='images/submit_hover.gif'"


Спасибо большое, Alcorn, все прекрасно работает, +1:goodpost:

Вот еще вопросик, можно ли каким-либо способом у этого инпута организовать всплывающую подсказочку типа тайтла в теге имадж?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 20.7.2009, 12:37; Ответить: Apay
Сообщение #4


можно все проще, и без id
<input name="s" type="image" src="images/submit.gif"
onMouseOver="this.src='images/submit_hover.gif'"
onMouseOut="this.src='images/submit.gif'"
value="<?=GetMessage("BSF_T_SEARCH_BUTTON");?>" /></td>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.7.2009, 13:17; Ответить: Alcorn
Сообщение #5


alt="подсказка"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.7.2009, 13:26; Ответить: Alcorn
Сообщение #6


А лучше title="Подсказка"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.7.2009, 13:29; Ответить: Alcorn
Сообщение #7


alt наверное только IE распознаётся как альтернативный текст и как подсказка, остальным браузерам title надо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 21.7.2009, 0:48; Ответить: sikwel_hb
Сообщение #8


(Alcorn @ 20.7.2009, 16:29) *
alt наверное только IE распознаётся как альтернативный текст и как подсказка, остальным браузерам title надо.


Спасибо большое, все работает, теперь буду знать что у инпутов тоже есть тайтл (=
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 21.7.2009, 0:49; Ответить: sikwel_hb
Сообщение #9


(Apay @ 20.7.2009, 15:37) *
можно все проще, и без id
<input name="s" type="image" src="images/submit.gif"
onMouseOver="this.src='images/submit_hover.gif'"
onMouseOut="this.src='images/submit.gif'"
value="<?=GetMessage("BSF_T_SEARCH_BUTTON");?>" /></td>


А вот ваш вариант не пробовал, ибо ленивый:hihi: первый работает и ладно:sarcastic:, но взял на заметку, спасибо вам большое

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78310 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
1 Kostyaxxxx 4244 20.6.2021, 20:26
автор: Kostyaxxxx


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:17
Дизайн