Меню
Что нового?

Проблема с выводом (JS)

jzax

Guest
<HTML>
<HEAD>
<link rel=stylesheet type=text/css href='style.css'>
<script>
imgFile = new Array()
imgFile[0] = "okno1/gluh.gif"
imgFile[1] = "okno1/pov.gif"
imgFile[2] = "okno1/pov_otk.gif"
imgSrc = new Array()
for(i=0;i<imgFile.length;i++) {
imgSrc = new Image()
imgSrc.src = imgFile
}
</script>
<SCRIPT SRC="non" ID=data></SCRIPT>
</HEAD>
<BODY>

<TABLE COLS=3 WIDTH="100%" border=0 bordercolor=blue CELLSPACING=0>
<TR><TD WIDTH=210 valign=top>

<TABLE CELLSPACING=0 border=0>
<TR><TD WIDTH=10></TD><TD><Font COLOR=blue size=-1><B>Окна

<TABLE CELLSPACING=0>
<TR><TD WIDTH=10></TD><TD><Font COLOR=blue size=-1><B>
<A HREF='#' onClick='document.getElementById("gluh1").style.display="block";
document.getElementById("pov1").style.display="none";
document.getElementById("pov_otk1").style.display="none";
document.getElementById("okno").src=imgSrc[0].src;'>Глухое</A>
</B></TD></TR>
<TR><TD WIDTH=10></TD><TD><Font COLOR=blue size=-1><B>
<A HREF='#' onClick='document.getElementById("pov1").style.display="block";
document.getElementById("gluh1").style.display="none";
document.getElementById("pov_otk1").style.display="none";
document.getElementById("okno").src=imgSrc[1].src;'>Поворотное</A>
</B></TD></TR>
<TR><TD WIDTH=10></TD><TD><Font COLOR=blue size=-1><B>
<A HREF='#' onClick='document.getElementById("pov_otk1").style.display="block";
document.getElementById("gluh1").style.display="none";
document.getElementById("pov1").style.display="none";
document.getElementById("okno").src=imgSrc[2].src;'>Пов-откидное</A>
</B></TD></TR>
</TABLE>

</B></TD></TR>
</TABLE>

</TD>
<TD valign=top>
<SPAN ID="cen"></SPAN>

<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="2" valign="top">

<form name="calc">
<input type="hidden">

<table cellpadding="0" cellspacing="0" border="1">
<tr><td valign="top" width="155">
<img src="" name="okno">
</td>
<td valign="top">

<table cellpadding="0" cellspacing="4" border="1" width="325">
<tr><td width="175">Ширина</td><td width="150">

<div id="gluh1" style="display:none">
<select name="construction_width">
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
<option value="1100">1100</option>
<option value="1200">1200</option>
<option value="1300">1300</option>
<option value="1400">1400</option>
<option value="1500">1500</option>
<option value="1600">1600</option>
<option value="1700">1700</option>
<option value="1800">1800</option>
<option value="1900">1900</option>
<option value="2000">2000</option></select>
</div>

<div id="pov1" style="display:none">
<select name="construction_width">
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
<option value="1100">1100</option>
<option value="1200">1200</option>
<option value="1300">1300</option>
<option value="1400">1400</option>
<option value="1500">1500</option>
<option value="1600">1600</option>
<option value="1700">1700</option>
<option value="2000">2000</option></select>
</div>

<div id="pov_otk1" style="display:none">
<select name="construction_width">
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
<option value="1100">1100</option>
<option value="1200">1200</option>
<option value="1300">1300</option>
<option value="2000">2000</option></select>
</div>
</td></tr>

<tr><td>Высота</td><td>
<select name="construction_height">
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
<option value="1100">1100</option>
<option value="1200">1200</option>
<option value="1300">1300</option>
<option value="1400">1400</option>
<option value="1500">1500</option>
<option value="1600">1600</option>
<option value="1700">1700</option>
<option value="1800">1800</option>
<option value="1900">1900</option>
<option value="2000">2000</option>
</select></td></tr>

<tr><td>Площадь</td><td>
<script>
my_square = parseInt(document.calc.construction_width.value) * parseInt(document.calc.construction_height.value) / 1000000;
calc.construction_square_display.value=my_square;
</script>
<input type="text" style="font-weight: bold;" size="8"
name="construction_square_display" readonly value="">
</td></tr>
</td></tr></table>
</td></tr></table>
</form>
</td></tr></table>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
 

Линка

Новичок
jzax
1 дай всем селектам разные имена
2сматри какая область видима т.е.
if (document.getElementById("pov1").style.display=="block")
или
if (document.getElementById("pov2").style.display=="block")
3. когда узнаешь какая обласмть узнаешь что на что умножать
 

white phoenix

Новичок
[offtopic]
jzax
Тебе не западло ходить на форум с каждой элементарной проблемой? Прочти документацию.
Линка
> индетифекаторы
:D
[/offtopic]
 
Войдите или зарегистрируйтесь для ответа.
Сверху