Форум

tarvolok · #1 (**permalink**) 17.03.2011, 14:40

Карта с ячейками участков, в опере участки нажимаются и подсвечиваются как надо, в IE и Firefox не работает

Firebag выдаёт ошибку:
document.forms.form2.out5 is undefined
document.forms['form2'].out5.value = n;

Возможно какая-то банальная ошибка в синтаксисе, прошу помочь, очень надо!

Для простоты убрал лишний код, оставил рабочими только ячейки 9 и 18.

ссфлка на страничку в интернете: http://vimpels.ru/zelencino/genplan/

Код:

<html>
<head>
<title>&laquo;Зеленцино&raquo; Генеральный план</title>
<link rel="shortcut icon" href="/favicon.ico" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/main.css" charset="utf-8" />
<style>
BODY { overflow-x: hidden; }
#scene-web div, 
#scene-web table {
position:absolute; bottom:0;
}
#scene-web2 table {
position:absolute; top:0;
}

#genplan {
background:url('/img/genplan.png') no-repeat top center;
}

#scene-web3 img {
position:absolute; bottom:0;
}
#scene-web3 table {
position:relative; top:0;
}
</style>
</head>
<body>
<SCRIPT>

function changeImg(cImg,ref) {
document.images[cImg].src = ref.src
}

a1 = new Image
a1.src="/img/genplanb.png"
a2 = new Image
a2.src="/img/genplanc.png"
ai = new Image
ai.src = "/img/d-t.gif"


function va(cImg,ref,n) {
document.getElementById('form2').out5.value = n;
document.getElementById('form2').area.value = n;
document.images[cImg].src = ref.src;

for (var i = 1; i <= 220; i++) {  

if (n != i) {
df = "blink" + i;
document.images[df].src = ai.src;
}
}
}

b1 = new Image
b1.src="/img/order.png"
b2 = new Image
b2.src="/img/order2.png"

function changeBut(cImg,ref) {
document.images[cImg].src = ref.src
}


function changeClr(cImg,ref, m) {
if (document.getElementById('form2').area.value != m) {
document.images[cImg].src = ref.src
}
}


function moveClr(cImg,ref,mov) {
if (document.getElementById('form2').area.value != mov) {
document.images[cImg].src = ref.src
}
}
</SCRIPT> 

<div id="scene-web2" style="position:relative; height:40">

<form method="get" action="" id="form2">
<input type="hidden" id="area" value="1">

<table  width="100%" border="0" cellspacing="0" cellpadding="0" height="40">
<tr>
<td width="35%" align="left">
<p class="body_larger5">№&nbsp;участка:<output class="body_larger4" id="out5"></output></p>
</td>
</tr>
</table>
</form>
</div>

<div id="scene-web3" style="position:relative; height:632; width:100%">
<img src="/img/genplan.png" width="1016"  height="632" border="0">
<!-- 1 -->
<img src="/img/d-t.gif" width="1016" style="clip:rect(146, 142, 174, 110)" height="632" border="0" id="blink1">
<img src="/img/d-t.gif" width="1016" style="clip:rect(118, 142, 146, 110)" height="632" border="0" id="blink2">
<img src="/img/d-t.gif" width="1016" style="clip:rect(88, 142, 118, 110)" height="632" border="0" id="blink3">
<img src="/img/d-t.gif" width="1016" style="clip:rect(58, 148, 88, 110)" height="632" border="0" id="blink4">
<!-- 5 -->
<img src="/img/d-t.gif" width="1016" style="clip:rect(59, 186, 89, 148)" height="632" border="0" id="blink5">
<img src="/img/d-t.gif" width="1016" style="clip:rect(89, 186, 118, 152)" height="632" border="0" id="blink6">
<img src="/img/d-t.gif" width="1016" style="clip:rect(118, 186, 146, 152)" height="632" border="0" id="blink7">
<img src="/img/d-t.gif" width="1016" style="clip:rect(146, 186, 174, 152)" height="632" border="0" id="blink8">
<!-- 9 -->
<img src="/img/d-t.gif" width="1016" style="clip:rect(58, 225, 89, 186)" height="632" border="0" id="blink9">
<img src="/img/d-t.gif" width="1016" style="clip:rect(88, 225, 117, 186)" height="632" border="0" id="blink10">
<img src="/img/d-t.gif" width="1016" style="clip:rect(117, 225, 146, 186)" height="632" border="0" id="blink11">
<img src="/img/d-t.gif" width="1016" style="clip:rect(146, 225, 174, 186)" height="632" border="0" id="blink12">
<img src="/img/d-t.gif" width="1016" style="clip:rect(174, 225, 202, 186)" height="632" border="0" id="blink13">
<!-- 14 -->
<img src="/img/d-t.gif" width="1016" style="clip:rect(174, 269, 202, 225)" height="632" border="0" id="blink14">
<img src="/img/d-t.gif" width="1016" style="clip:rect(146, 269, 174, 225)" height="632" border="0" id="blink15">
<img src="/img/d-t.gif" width="1016" style="clip:rect(117, 269, 146, 225)" height="632" border="0" id="blink16">
<img src="/img/d-t.gif" width="1016" style="clip:rect(88, 269, 117, 225)" height="632" border="0" id="blink17">
<img src="/img/d-t.gif" width="1016" style="clip:rect(58, 269, 88, 225)" height="632" border="0" id="blink18">
<!-- 19 -->
<img src="/img/d-t.gif" width="1016" style="clip:rect(58, 311, 89, 269)" height="632" border="0" id="blink19">


<!-- 5 -->
<img class="point" src="/img/genplana.png" style="clip:rect(59, 186, 89, 148)" onMouseOver="changeClr('blink5',a1)" onMouseOut="moveClr('blink5',ai)" onClick="va('blink5',ai,5,'зарезервирован','16,88 соток')"  border="0" title="16,88 соток">
<img class="point" src="/img/genplana.png" style="clip:rect(58, 225, 89, 186)" onMouseOver="changeClr('blink9',a1,9)" onMouseOut="moveClr('blink9',ai,9)" onClick="va('blink9',a2,9,'в продаже','17,50 соток')"  border="0" title="17,50 соток">
<img class="point" src="/img/genplana.png" style="clip:rect(58, 269, 88, 225)" onMouseOver="changeClr('blink18',a1,18)" onMouseOut="moveClr('blink18',ai,18)" onClick="va('blink18',a2,18,'в продаже','18,35 соток')"  border="0" title="18,35 соток">
<img class="point" src="/img/genplana.png" style="clip:rect(58, 311, 89, 269)" onMouseOver="changeClr('blink19',a1)" onMouseOut="moveClr('blink19',ai)" onClick="va('blink19',ai,19,'продан','17,45 соток')"  border="0" title="17,45 соток">

</div>
</body>
</html>

ksa · #2 (**permalink**) 17.03.2011, 16:28

tarvolok, присвой ключевым элементам ИД и обращайся к ним

n=document.getElementById('<ID_элемента>').value

tarvolok · #3 (**permalink**) 18.03.2011, 15:59

Сделал - ничего не изменилось. Может есть ещё какие соображения?

ksa · #4 (**permalink**) 18.03.2011, 16:20

Сообщение от tarvolok

Сделал - ничего не изменилось

А что сделал-то?

Вот рабочий пример...

<form>
   <input type="text" id="test" />
   <input type="button" value="Set" onclick="document.getElementById('test').value='text'" />
</form>

dmitriymar · #5 (**permalink**) 18.03.2011, 23:33

Сообщение от tarvolok

у формы нет имени

Сообщение от tarvolok

document.forms.form2.out5 is undefined-
document.forms['form2'].out5.value = n;

обращения к форме по её имени-какое отсутствует

tarvolok · #6 (**permalink**) 22.03.2011, 11:45

Благодарю всех, ваши подсказки подтолкнули меня к истинному решению. Действительно, как заметил ksa я не правильно обращался к переменным, вместо:

document.getElementById('form2').out5.value = n;

надо было написать

document.getElementById('out5').value = n;

и саму форму оформить по примеру ksa немного по другому, в частности вместо output написать input.

Ещё раз спасибо!

Форум

Справочник

Discord чат

Курсы javascript