ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseover/onmouseout
16 сообщений из 16, страница 1 из 1
onmouseover/onmouseout
    #36468838
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
Здравствуйте Администрация форума и посетители!
_вопрос: При попадании курсора над картинкой - она меняется на другую, если убрать - становится прежняя. ! Что добавить в приведенный ниже код, чтобы подпись к картинке в ячейке таблицы сверху от картинки изиенялась соответственно вместе с картинкой (при отображении картинки собаки-надпись Собака, а при изменении на другую картинку слово Собака менялось на другое слово)?

<tr><td>Собака</td></tr>
<tr><td>
<img src="thedog.jpg" alt="собака"
onmouseover="this.src='thecat.jpg';"
onmouseout="this.src='thedog.jpg';" />
</td></tr>

Спасибо ))
...
Рейтинг: 0 / 0
15.02.2010, 01:10:49
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36468935
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
...
<script>
function On() {
   this.src='thecat.jpg';
   document.getElementById('tit').innerHTML='Кошка'
}
function Off() {
   this.src='thedog.jpg';
   document.getElementById('tit').innerHTML='Собака'
}
</script>
...
<tr>
   <td id='tit'>Собака</td>
</tr>
<tr>
   <td>
      <img src="thedog.jpg" alt="собака" onmouseover="On()" onmouseout="Off()" />
   </td>
</tr>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
15.02.2010, 08:26:32
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471354
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
krvsa, Спасибо за попытку; оказалось, что при этом коде меняется слово сверху картинки, а картинка теперь не "меняется" (одна на другую). Может что-то еще подкинете идею или вариант с массивом какой-нибудь понятный, т.к. там просто пару картинок в таблице вот так:
<tr>
<td>Собака</td>
<td>День</td>
</tr>
<tr>
<td>
<img src="thedog.jpg" alt="собака"
onmouseover="this.src='thecat.jpg';"
onmouseout="this.src='thedog.jpg';" />
</td>
<td>
<img src="day.jpg" alt="день"
onmouseover="this.src='night.jpg';"
onmouseout="this.src='day.jpg';" />
</td>
</tr>
...
Рейтинг: 0 / 0
16.02.2010, 00:17:29
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471357
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
napoleon1,

Вы напишите, как Вам посоветовали - всё будет меняться.
...
Рейтинг: 0 / 0
16.02.2010, 00:19:49
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471506
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
ShSergenapoleon1,

Вы напишите, как Вам посоветовали - всё будет меняться.

Ни в жизни - ни тем более на странице от того что я так написал-не меняется (кроме слов собака/кот). Причем уже сделал специально тестовый файл для испытания - Зиро!
...
Рейтинг: 0 / 0
16.02.2010, 02:44:29
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471539
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
если пойти по пути наименьшего сопротивления, то можно имгу просто дать id )
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
...
<script>
function On() {
   document.getElementById('asd').src='thecat.jpg';
   document.getElementById('tit').innerHTML='Кошка';
}
function Off() {
   document.getElementById('asd').src='thedog.jpg';
   document.getElementById('tit').innerHTML='Собака';
}
</script>
...
<tr>
   <td id='tit'>Собака</td>
</tr>
<tr>
   <td>
      <img src="thedog.jpg" alt="собака" onmouseover="On()" onmouseout="Off()" id="asd"/>
   </td>
</tr>
интересно кстати почему в данном случае this не работает
...
Рейтинг: 0 / 0
16.02.2010, 06:42:31
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471613
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
napoleon1Причем уже сделал специально тестовый файл для испытания - Зиро!
Интересно было бы на него взглянуть...
...
Рейтинг: 0 / 0
16.02.2010, 08:51:56
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471725
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
napoleon1,

Ещё раз. Напишите, как Вам сказали! Как посоветовал мембер krvsa , а не так как написали Вы после его поста.
...
Рейтинг: 0 / 0
16.02.2010, 09:46:42
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471828
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
ShSergenapoleon1,

Ещё раз. Напишите, как Вам сказали! Как посоветовал мембер krvsa , а не так как написали Вы после его поста.
нет так не работает...
а вот так работает
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
...
<script>
function On() {
   document.getElementById('tit').innerHTML='Кошка';
   return 'thecat.jpg';
}
function Off() {
   document.getElementById('tit').innerHTML='Собака';
   return 'thedog.jpg';
}
</script>
...
<tr>
   <td id='tit'>Собака</td>
</tr>
<tr>
   <td>
      <img src="thedog.jpg" alt="собака" onmouseover="this.src=On()" onmouseout="this.src=Off()" />
   </td>
</tr>
...
Рейтинг: 0 / 0
16.02.2010, 10:23:33
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471853
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
EmilRegis,

Кстати, там тоже неточность. Так напишите:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<script>
function On(el) {
   el.src='thecat.jpg';
   el.title="мяу-мяу!";
   document.getElementById('tit').innerHTML='Кошка';
}
function Off(el) {
   el.src='thedog.jpg';
   el.title="гав-гав!";
   document.getElementById('tit').innerHTML='Собака';
}
</script>
...
<tr>
   <td id='tit'>Собака</td>
</tr>
<tr>
   <td>
      <img src="thedog.jpg" alt="собака" onmouseover="On(this)" onmouseout="Off(this)" />
   </td>
</tr>
...
Рейтинг: 0 / 0
16.02.2010, 10:31:56
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471858
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Конечно, адресовалось ТС.
...
Рейтинг: 0 / 0
16.02.2010, 10:33:30
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471876
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
точно...мозг переклинило
...
Рейтинг: 0 / 0
16.02.2010, 10:42:35
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36471997
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Стало быть просто this "не виден" в функции...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
16.02.2010, 11:35:07
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36472123
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsaСтало быть просто this "не виден" в функции...По моему, он ссылается на window.
...
Рейтинг: 0 / 0
16.02.2010, 12:16:26
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36473962
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
Спасибо everybody за небезразличие
krvsa,
ShSerge,
EmilRegis,
Яростный Меч :))
Последний код от ShSerge-ваще суперский!
А когда в строке больше одного "td" с этими-же картинками, то еще хорошо подошла такая штука вот:

<script type="text/javascript">
function SetText(itemName, text)
{
document.getElementById(itemName).innerText = text
}
</script>
...
<tr>
<td id=pic1>Гав-гав</td>
<td id=pic2>День</td>
</tr>
<tr>
<td>
<img src="thedog.jpg" alt="собака"
onmouseover="this.src='thecat.jpg';SetText('pic1', 'Мяу-мяу');"
onmouseout="this.src='thedog.jpg';SetText('pic1', 'Гав-гав');" />
</td>
<td>
<img src="day.jpg" alt="день"
onmouseover="this.src='night.jpg';SetText('pic2', 'Ночь');"
onmouseout="this.src='day.jpg';SetText('pic2', 'День');" />
</td>
</tr>
...
...
Рейтинг: 0 / 0
17.02.2010, 03:51:00
| Ответить | Цитировать | Написать  
onmouseover/onmouseout
    #36474135
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
napoleon1,

Эту штуку - innerText использовать нельзя! Некроссбраузерно. Надо использовать innerHTML !
...
Рейтинг: 0 / 0
17.02.2010, 09:44:54
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onmouseover/onmouseout
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36468935&tid=1453529]:
 0ms
get settings:
 14ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 38ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 71ms
get tp. blocked users:
 2ms
others: 238ms
total:  400ms
созд. / загр.: 400ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]