всё работает... Только к элементам на странице надо обращаться ПОСЛЕ того как они созданы...
|
To Wolf. Ваш вариант меня полностью устраивает, но не получается вызвать функцию вывода текста. То ли у меня какой косяк, но вроде все нормально, то ли ошибка в скрипте :(
И еще один вопрос, если можно. Могу ли я сделать так, чтобы ссылка (участок изображения) при наведении на нее мышью выделялась и желательно, чтобы по границам фигуры. То есть, если у меня фигура - звезда, то выделение было бы в виде звездочки? |
Цитата:
Что Вы имеете ввиду? |
В данном коде:
<script language="JavaScript">
var textDiv = document.getElementById('out');
function setText(_text){
textDiv.innerHTML = _text;
}
</script>
<img src="1_2_18.jpg" usemap="#map">
<map name="map">
<area coords="0,0,392, 424" href="#" onmousemove="SetText('Это текст1')" shape="rect">
<area coords="0,392, 392, 748" href="#" onmousemove="SetText('Это текст2')" shape="rect">
</map>
<div id="out">Out!!!</div>
Скрипт раскположен ДО того как создан элемент <div id="out">. Соответственно выполнение строки: var textDiv = document.getElementById('out'); произойдёт ДО того как этот элемент появится в дереве документа. Соответственно в textDiv будет "undefined". А в функции будет обращение к несуществующему свойству innerHTML объекта "undefined", что приведёт к ошибке. |
ZoNT, я действительно ступил. Надо завязывать с вечерними вылазками на форум после трудового дня.
Если Вы не против, я подитожу ваши слова. При загрузке страницы сначала выполняется javascript а потом уже HTML. alt5000, Скрипт который предложил я нормально работает, проверял. Вы бы хоть выложили свой код, тогда может покажем где именно ошибка. |
Цитата:
|
Да, Вы правы. Взял себе за правило подключать внешний js файл в header, поэтому так сказал.
|
Если подключать скрипты после body, от многих проблем можно избавится. В частности становятся ненужными функции, а-ля jQuery.ready.
|
Cпасибо, пробую...
|
Вот код:
<html>
<head>
<script language="JavaScript" type="text/javascript">
var textDiv = document.getElementById('out');
function setText(_text){
textDiv.innerHTML = _text;
}
</script>
</head>
<body>
<img src="1_2_18.jpg" usemap="#map">
<div id="out">Out!!!</div>
<map name="map">
<area coords="0,0,392, 424" href="#1" shape="rect" onmouseover = function() {setText('ваш текст')}; onmouseout = function() {setText('')};>
<area coords="0,392, 392, 748" href="#2" shape="rect" onmouseover = function() {setText('ваш текст')}; onmouseout = function() {setText('')};>
</map>
</body>
</html>
|
| Часовой пояс GMT +3, время: 12:57. |