Заполнение формы из открывающегося окна
Стоит следующая задача: на страничке опций нажать на ссылку "Выбрать ткань" в моем случае. Открывается новое окно. В нем много вариантов выбора. Щелкаем на один из них, окно закрывается, на страничку опций передаются следующие данные:
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". Гуру, отзовитесь пожалуйста - три дня рою интернет ничего не выходит. Спасибо заранее.:) |
|
догадался сам, по аналогии
$(function(){
$("a.addtocard").click(function(){
window.opener.id2.value = $(this).attr("tkan");
window.opener.id3.selectedIndex = $(this).attr("kat");
window.opener.clothChooser.find("div").find("div").remove();
window.opener.clothChooser.css("backgroundImage", "url(/gal" + $(this).attr("tkan_img") + ")");
только id3 не совсем подходит. как выбрать селект по типу элемента, select в данном случае? Может кто подскажет?:help: |
| Часовой пояс GMT +3, время: 16:41. |