Цитата:
Сообщение от miles
И каким-то образом мне нужно встраивать мой пример в сообщение?
|
Да вот так. :)
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
/** Последовательно создаю три массива для хранения изображений из трёх выпадающих списков **/
left = new Array()
for(i=0;i<3;i++) {
left[i] = new Image()
if(i==0) left[i].src = "http://fortesting.comli.com/calc/img/calc/1l.gif"
if(i==1) left[i].src = "http://fortesting.comli.com/calc/img/calc/2l.gif"
}
center = new Array()
for(i=0;i<3;i++) {
center[i] = new Image()
if(i==0) center[i].src = "http://fortesting.comli.com/calc/img/calc/1m.gif"
if(i==1) center[i].src = "http://fortesting.comli.com/calc/img/calc/2m.gif"
}
right = new Array()
for(i=0;i<3;i++) {
right[i] = new Image()
if(i==0) right[i].src = "http://fortesting.comli.com/calc/img/calc/1r.gif"
if(i==1) right[i].src = "http://fortesting.comli.com/calc/img/calc/2r.gif"
}
/** Инициализация смены изображения исходя из выбранного пункта **/
function l_image() {
document.images[0].src = left[document.left_form.item.selectedIndex].src
}
function c_image() {
document.images[1].src = center[document.center_form.item.selectedIndex].src
}
function r_image() {
document.images[2].src = right[document.right_form.item.selectedIndex].src
}
function calc() {
var o=document.getElementsByName('item');
var sum=0;
for (var i=0; i<o.length; i++) {
sum+=+o[i].value;
};
alert(sum);
}
</script>
</head>
<body>
<form method="post" action="calc.php" name=left_form>
<TABLE COLS=2 WIDTH="40%" >
<TR>
<th>
<select name='item' onChange=l_image()>
<option value='1' selected>Оплеточные рукава</option>
<option value='2'>Навивочные рукава</option>
</select>
</th>
<th>
<select name='item' onChange=c_image()>
<option value='10' selected>1 метр</option>
<option value='20'>2 метра</option>
</select>
</th>
<th>
<select name='item' onChange=r_image()>
<option value='100' selected>Оплеточные рукава</option>
<option value='200'>Навивочные рукава</option>
</select>
</th>
</tr>
<tr>
<th>
<IMG SRC="http://fortesting.comli.com/calc/img/calc/1l.gif" NAME="tool">
</th>
<th>
<IMG SRC="http://fortesting.comli.com/calc/img/calc/1m.gif" NAME="tool">
</th>
<th>
<IMG SRC="http://fortesting.comli.com/calc/img/calc/1l.gif" NAME="tool">
</th>
</TR>
</TABLE>
<input type="button" value="Подсчитать стоимость" onclick='calc();'>
</form>
</body>
</html>
|