Форум

Tigerfox · #11 (**permalink**) 25.12.2012, 15:10

Вот код вместе с таблицами, но цену (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>

рони · #12 (**permalink**) 25.12.2012, 15:20

Tigerfox,
Медитируем на строке 12!!!

lord2kim · #13 (**permalink**) 25.12.2012, 15:31

Tigerfox, я обшибся при написании...а вы даже в дебагер не заглянули...

getElementById

Tigerfox · #14 (**permalink**) 25.12.2012, 15:45

Огромное спасибо - lord2kim
Вроде смотрел раз 7 - не заметил :-)
Ну можно еще два момента уделить (просто я не программист, а экономист :-) )?!
1) Как сделать, так чтобы сами таблицы были не видимы на html-странице?
2) Если картинки лежат: http://site.ru/images/calc/*.png - то как в вышеуказанном коде правильно прописать конкретный путь к картинкам

Заранее благодарен!

lord2kim · #15 (**permalink**) 25.12.2012, 16:03

Tigerfox,
1) используйте css-свойство display, хотя в таком случае все же лучше загнать данные в БД
2) смотря где лежит(-ат) страницы, на которых будет использоваться скрипт
"imges/calc/"+this.value+".png"
или можете указать полный путь

Tigerfox · #16 (**permalink**) 25.12.2012, 17:31

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript