Стоит следующая задача: на страничке опций нажать на ссылку "Выбрать ткань" в моем случае. Открывается новое окно. В нем много вариантов выбора. Щелкаем на один из них, окно закрывается, на страничку опций передаются следующие данные:
1.Маленькое изображение. Убирается надпись "Выбрать ткань"
2.Название (артикул) ткани.
3.Информация о цене.
Подсмотрел следующее решение. Вот страничка опций:
<html>
<head><title></title>
<script type="text/javascript" src="../catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="options" id="product_options">
<div class="cloth-chooser-block">
<div class="clothchooser-in" id=""><div class="cloth-chooser" id="cloth-chooser-1"><div><div>Выбрать ткань</div></div></div>
<link type="text/css" rel="stylesheet" href="./gal/style.css">
<script type="text/javascript">
$(function(){
window.cloth = {};
window.upholstery_enc = '';
$(".cloth-chooser").click(function(){
window.clothChooser = $(this);
var win = window.open('', 'inline', 'location=no,width=10000,height=10000,scrollbars');
win.document.location = 'http://top/gal/gal.html';
});
getCloth = function()
{
var str = '';
$.each(window.cloth, function(k, v){
str += '&' + v;
});
return str;
}
});
</script>
<div id="option-229" class="option">
<b>Text:</b>
<input type="text" class="input-text" name="option[229]" value="">
</div></div></div>
<div class="clearfix hr"></div>
</div>
</body></html>
Вот строчка кода выбора варианта с данными на открывшейся страничке:
<a class="addtocard" id="Alice - Beige" kat="3" tkan="Alice - Beige" tkan_img="/img/Alice-Beige.jpg" href="" target="_blank" title="Alice - Beige" rel="">Выбрать</a>
Часть скрипта, которую нужно отредактировать:
$(function(){
$("a.addtocard").click(function(){
window.opener.clothChooser.find("div").find("div").remove();
window.opener.clothChooser.css("backgroundImage", "url(/gal" + $(this).attr("tkan_img") + ")");
window.opener.cloth[window.opener.clothChooser.attr("id")] = window.opener.clothChooser.attr("id") + '-id=' + $(this).attr("id")
+ '&' + window.opener.clothChooser.attr("id") + '-tkan=' + encodeURIComponent($(this).attr("tkan"))
+ '&' + window.opener.clothChooser.attr("id") + '-tkan-img=' + ($(this).attr("tkan_img"))
+ '&' + window.opener.clothChooser.attr("id") + '-tkan-type=' + window.opener.upholstery_enc;
window.close();
return false;
});
});
Эта часть полностью решает задачу 1.
Но вот 2 и 3 не знаю как реализовать, помогите пожалуйста!
Вот вид "селекта" для выбора категории:
<select name="option[231]" onchange="recalculateprice();" class="select-menu">
<option value="29" points="0" price_prefix="+" price="1000.0000">1
(+1000.00 р.)</option>
<option value="28" points="0" price_prefix="+" price="2000.0000">2
(+2000.00 р.)</option>
<option value="27" points="0" price_prefix="+" price="3000.0000">3
(+3000.00 р.)</option>
<option value="26" points="0" price_prefix="+" price="4000.0000">4
(+4000.00 р.)</option>
<option value="31" points="0" price_prefix="+" price="5000.0000">5
(+5000.00 р.)</option>
<option value="30" points="0" price_prefix="+" price="6000.0000">6
(+6000.00 р.)</option>
<option value="25" points="0" price_prefix="+" price="7000.0000">7
(+7000.00 р.)</option>
</select>
В общем нужно вставить значение атрибута "tkan" в input-text и выбрать селект в соответствии со значением "kat". Гуру, отзовитесь пожалуйста - три дня рою интернет ничего не выходит.
Спасибо заранее.
