Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.09.2013, 15:37
Аспирант
Отправить личное сообщение для And5 Посмотреть профиль Найти все сообщения от And5
 
Регистрация: 01.09.2013
Сообщений: 40

Заполнение формы из открывающегося окна
Стоит следующая задача: на страничке опций нажать на ссылку "Выбрать ткань" в моем случае. Открывается новое окно. В нем много вариантов выбора. Щелкаем на один из них, окно закрывается, на страничку опций передаются следующие данные:
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". Гуру, отзовитесь пожалуйста - три дня рою интернет ничего не выходит.
Спасибо заранее.
Ответить с цитированием
  #2 (permalink)  
Старый 02.09.2013, 23:51
Аспирант
Отправить личное сообщение для And5 Посмотреть профиль Найти все сообщения от And5
 
Регистрация: 01.09.2013
Сообщений: 40

http://and5.myjino.ru/gal/new.html
Ответить с цитированием
  #3 (permalink)  
Старый 07.09.2013, 17:15
Аспирант
Отправить личное сообщение для And5 Посмотреть профиль Найти все сообщения от And5
 
Регистрация: 01.09.2013
Сообщений: 40

догадался сам, по аналогии
$(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 в данном случае? Может кто подскажет?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заполнение полей формы в новом окне Soundwave Элементы интерфейса 3 23.03.2012 03:25
Доступ к значениям элементов формы модального окна. =VNK= jQuery 5 14.01.2012 16:00
Проверка формы на заполнение ybiza Элементы интерфейса 3 03.11.2010 22:28
Как присвоить значение элементу формы материнского окна из дочернего? libinstyle Events/DOM/Window 15 28.07.2010 16:56
Формирование окна из формы Nika Общие вопросы Javascript 1 11.05.2009 20:01