Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Рисунки и подпись к ним / 3 сообщений из 3, страница 1 из 1
02.05.2006, 15:03:58
    #33701934
twistfire
twistfire
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Рисунки и подпись к ним
есть такая задачка:
4 рисунка в квадратике (2 сверху - 2 снизу)
и снизу место ля подписи, сначала там какой-то текст.
наводишь на одну картику - одна подпись, на другую - другая подпись и т.д.
И чтобы при отведении мышки подпись исчезала.

Видел где-то, но не помню где.
Фишка в том, чтобы работало во всех браузерах.
подскажите куда копать, или как сделать (может готовый скрипт есть у кого-то) :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2006, 15:12:17
    #33701961
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Рисунки и подпись к ним
во всех браузерах работать не будет по-любому
копнуть можешь на любой сайт, где говорят по кросс-браузерность.
тебе надо onmouseover, onmouseout, getElementById, innerHTML.
------------------
- А как в Интеpнете pаботать? - Сначала нужно узнать, что вам нужно rtfm
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2006, 17:13:34
    #33702332
Robert Tappan Moris
Robert Tappan Moris
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Рисунки и подпись к ним
я используюсь таким вариантом, он вроде везде работает:
Код: 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
| Ответить | Цитировать | Написать  
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Рисунки и подпись к ним / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 500ms
Закрыть
start [/forum/topic.php?fid=23&mobile=1&tid=1476249]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 172ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 229ms
total:  500ms
x
x
Закрыть


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