Передача переменных в дочернее окно
Доброго времени суток. Возникла такая задача. Имеется родительская страница содержащая примерно такой код:
<div id="option-xxx">
<select id="id4" name="option[xxx]" class="select-menu">
</select>
</div>
<div id="option-yyy">
<input type="text" id="id2" class="input-text" name="option[yyy]" value="">
</div>
<div id="option-zzz">
<input type="text" id="id3" name="option[yyy]" value="" >
</div>
где xxx, yyy, zzz - переменная выдаваемая движком (три цифры).
И есть дочерняя страница. на ней присутствует множество элементов <a> с атрибутами tkan, cena и cat и такой код:
$(function(){
$("a.addtocard").click(function(){
window.opener.document.getElementById('id2').value = $(this).attr("tkan");
window.opener.document.getElementById('id3').value = $(this).attr("cena");
window.opener.document.getElementById('id4').selectedIndex = $(this).attr("kat");
window.close();
return false;
});
});
который передает эти данные, заполняя соответствующие формы по id на родительской странице. Все прекрасно работает. Возникла настоятельная необходимость сделать таких блоков два! примерно так:
<div id="option-aaa">
<select id="id4" name="option[aaa]" class="select-menu">
</select>
</div>
<div id="option-bbb">
<input type="text" id="id2" class="input-text" name="option[bbb]" value="">
</div>
<div id="option-ccc">
<input type="text" id="id3" name="option[ccc]" value="" >
</div>
<div id="option-xxx">
<select id="id4" name="option[xxx]" class="select-menu">
</select>
</div>
<div id="option-yyy">
<input type="text" id="id2" class="input-text" name="option[yyy]" value="">
</div>
<div id="option-zzz">
<input type="text" id="id3" name="option[zzz]" value="" >
</div>
id2, id3, id4 уже не подходит, возможно как-то нужно прикрутить php переменную. И вот тут я завис. Даже не представляю как это сделать. А, дочерняя страница вызывается из блока с селектом. Может кто-то сталкивался с таким, помогите пожалуйста. Заранее спасибо. |