Вот код вместе с таблицами, но цену (result) не выводит!
<html>
<head>
<title></title>
<script>
var d = document;
function result() {
if (d.getElementById("lining").value == 0 || d.getElementById("width").value == 0 || d.getElementById("height").value == 0) { }
else {
var table = d.getElementById(d.getElementById("lining").value), res;
res = table.getElementsByTagName("tr")[d.getElementById("width").value].getElementsByTagName("td")[d.getElementById("height").value].innerHTML;
d.getElementsById("result").innerHTML = res;
}
}
window.onload = function () {
d.getElementById("lining").onchange = function () { d.getElementById("img").src = (this.value == 0 ? "" : this.value+".jpg"); result(); };
d.getElementById("width").onchange = d.getElementById("height").onchange = function () { result(); };
}
</script>
</head>
<body>
<TABLE id="pellicle" CELLSPACING="1" CELLPADDING="3" ALIGN="CENTER" BORDER="0" BGCOLOR="#ffffff">
<TR>
<TD BGCOLOR="#00FFFF">ПЛЕНККА (Ширина / Высота)</TD>
<TD BGCOLOR="#00FF00">500</TD>
<TD BGCOLOR="#00FF00">600</TD>
<TD BGCOLOR="#00FF00">700</TD>
<TD BGCOLOR="#00FF00">800</TD>
<TD BGCOLOR="#00FF00">900</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">500</TD>
<TD>17400</TD>
<TD>17700</TD>
<TD>20100</TD>
<TD>20500</TD>
<TD>20800</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">600</TD>
<TD>17900</TD>
<TD>18300</TD>
<TD>20600</TD>
<TD>21000</TD>
<TD>21300</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">700</TD>
<TD>20400</TD>
<TD>20800</TD>
<TD>21100</TD>
<TD>21500</TD>
<TD>21900</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">800</TD>
<TD>20900</TD>
<TD>21300</TD>
<TD>21600</TD>
<TD>22000</TD>
<TD>22400</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">900</TD>
<TD>21400</TD>
<TD>21800</TD>
<TD>22200</TD>
<TD>22500</TD>
<TD>22900</TD>
</TR>
</table>
<TABLE id="plastic" CELLSPACING="1" CELLPADDING="3" ALIGN="CENTER" BORDER="0" BGCOLOR="#ffffff">
<TR>
<TD BGCOLOR="#00FFFF">ПЛАСТИК (Ширина / Высота)</TD>
<TD BGCOLOR="#00FF00">500</TD>
<TD BGCOLOR="#00FF00">600</TD>
<TD BGCOLOR="#00FF00">700</TD>
<TD BGCOLOR="#00FF00">800</TD>
<TD BGCOLOR="#00FF00">900</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">500</TD>
<TD>18200</TD>
<TD>18600</TD>
<TD>21900</TD>
<TD>22300</TD>
<TD>22700</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">600</TD>
<TD>18800</TD>
<TD>19200</TD>
<TD>22600</TD>
<TD>22900</TD>
<TD>23300</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">700</TD>
<TD>22500</TD>
<TD>22900</TD>
<TD>23200</TD>
<TD>23600</TD>
<TD>24000</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">800</TD>
<TD>23100</TD>
<TD>23500</TD>
<TD>23900</TD>
<TD>24300</TD>
<TD>24600</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">900</TD>
<TD>23800</TD>
<TD>24200</TD>
<TD>24500</TD>
<TD>24900</TD>
<TD>25300</TD>
</TR>
</table>
<TABLE id="metal" CELLSPACING="1" CELLPADDING="3" ALIGN="CENTER" BORDER="0" BGCOLOR="#ffffff">
<TR>
<TD BGCOLOR="#00FFFF">МЕТАЛЛ (Ширина / Высота)</TD>
<TD BGCOLOR="#00FF00">500</TD>
<TD BGCOLOR="#00FF00">600</TD>
<TD BGCOLOR="#00FF00">700</TD>
<TD BGCOLOR="#00FF00">800</TD>
<TD BGCOLOR="#00FF00">900</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">500</TD>
<TD>20200</TD>
<TD>20600</TD>
<TD>24000</TD>
<TD>24300</TD>
<TD>24700</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">600</TD>
<TD>21000</TD>
<TD>21400</TD>
<TD>24800</TD>
<TD>25100</TD>
<TD>25500</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">700</TD>
<TD>24800</TD>
<TD>25200</TD>
<TD>25500</TD>
<TD>25900</TD>
<TD>26300</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">800</TD>
<TD>25600</TD>
<TD>26000</TD>
<TD>26300</TD>
<TD>26700</TD>
<TD>27100</TD>
</TR>
<TR>
<TD BGCOLOR="#00FFFF">900</TD>
<TD>26400</TD>
<TD>26700</TD>
<TD>27100</TD>
<TD>27500</TD>
<TD>27900</TD>
</TR>
</table>
<select id="lining">
<option value="0"></option>
<option value="pellicle">Пленка</option>
<option value="plastic">Пластик</option>
<option value="metal">Металл</option>
</select>
<select id="width">
<option value="0"></option>
<option value="1">500мм</option>
<option value="2">600мм</option>
<option value="3">700мм</option>
<option value="4">800мм</option>
<option value="5">900мм</option>
</select>
<select id="height">
<option value="0"></option>
<option value="1">500мм</option>
<option value="2">600мм</option>
<option value="3">700мм</option>
<option value="4">800мм</option>
<option value="5">900мм</option>
</select>
Цена: <span id="result"></span><br>
<img src="" id="img">
</body>
</html>
|
Tigerfox,
Медитируем на строке 12!!! |
Tigerfox, я обшибся при написании...а вы даже в дебагер не заглянули...
getElementById |
Огромное спасибо - lord2kim
Вроде смотрел раз 7 - не заметил :-) Ну можно еще два момента уделить (просто я не программист, а экономист :-) )?! 1) Как сделать, так чтобы сами таблицы были не видимы на html-странице? 2) Если картинки лежат: http://site.ru/images/calc/*.png - то как в вышеуказанном коде правильно прописать конкретный путь к картинкам Заранее благодарен! |
Tigerfox,
1) используйте css-свойство display, хотя в таком случае все же лучше загнать данные в БД 2) смотря где лежит(-ат) страницы, на которых будет использоваться скрипт "imges/calc/"+this.value+".png" или можете указать полный путь |
Спасибо!
|
| Часовой пояс GMT +3, время: 21:22. |