powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Рисунки и подпись к ним
3 сообщений из 3, страница 1 из 1
(JS) Рисунки и подпись к ним
    #33701934
twistfire
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
есть такая задачка:
4 рисунка в квадратике (2 сверху - 2 снизу)
и снизу место ля подписи, сначала там какой-то текст.
наводишь на одну картику - одна подпись, на другую - другая подпись и т.д.
И чтобы при отведении мышки подпись исчезала.

Видел где-то, но не помню где.
Фишка в том, чтобы работало во всех браузерах.
подскажите куда копать, или как сделать (может готовый скрипт есть у кого-то) :)
...
Рейтинг: 0 / 0
(JS) Рисунки и подпись к ним
    #33701961
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
во всех браузерах работать не будет по-любому
копнуть можешь на любой сайт, где говорят по кросс-браузерность.
тебе надо onmouseover, onmouseout, getElementById, innerHTML.
------------------
- А как в Интеpнете pаботать? - Сначала нужно узнать, что вам нужно rtfm
...
Рейтинг: 0 / 0
(JS) Рисунки и подпись к ним
    #33702332
Фотография Robert Tappan Moris
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
я используюсь таким вариантом, он вроде везде работает:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<html>
<head></head><body>

<table border="1" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5" height="2"></td>
	</tr>
	<tr>
		<td width="2"></td>
		<td><img width="150" height="150" onMouseOver="setText(0);"></td>
		<td width="2"></td>
		<td><img width="150" height="150" onMouseOver="setText(1);"></td>
		<td width="2"></td>
	</tr>
	<tr>
		<td width="2"></td>
		<td><img width="150" height="150" onMouseOver="setText(2);"></td>
		<td width="2"></td>
		<td><img width="150" height="150" onMouseOver="setText(3);"></td>
		<td width="2"></td>
	</tr>
	<tr>
		<td colspan="5" height="2"></td>
	</tr>
	<tr>
		<td colspan="5" align="center"><span id="subtext">Начальный текст</span></td>
	</tr>
</table>
<script>
// массив подписей
var text=Array("Подпись 1","<u>Подпись 2</u>","<i>Подпись 3</i>","<b>Подпись 4</b>");

// функция для изменения подписи
function setText(id) {
	setspantext('subtext',text[id]);
}

// функция для изменения текста в теге span
function setspantext(span,txt) {
	// взависимости от браузера выбираем способ работы
	if (document.layers) {
		var obj = eval("document.layers."+span)
		obj.document.write(txt)
		obj.document.close()
	}
	else if (document.all) {
		var obj = eval(span)
		obj.innerHTML=txt
	}
}
</script>

</body></html>
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Рисунки и подпись к ним
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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