Передать класс ссылки или иную переменную в colorbox

[katilina]

Друзья, помогите дописать скрипт.
Ситуация следующая: в файле размещён input, рядом ссылка, которая открывает модальное окно и подгружает в него html файл.

<div class="class1">
<input type="text" name="name1"  value="value1" id="css_caption"/><a  title="">Открыть окно</a>
</div>
<script>
$(document).ready(function(){
                               $(".class1 a" ).colorbox({href:"../caption.html"});
                      });
</script>

Подгружаемый файл содержит список. При клике на строку списка содержимое передаётся в родительский файл в input с id=css_caption

<div class="typo">
     <div  data-class="param1">Example text</div>
   </div>
   
    <div class="typo">
       <div data-class="param2">Example text</div>
     </div>
       
<script type="text/javascript">
$('div.typo').live('click', function() {  
        parent.$('#css_caption').attr('value',  $("div", this).attr("data-class") );
    $.colorbox.close() 
});
</script>

Мне необходимо передавать значение атрибута так: parent.$(' .class1 #css_caption').attr('value', $("div", this).attr("data-class") );
Как понимаю, надо передать имя класса в модальное окно, не знаю, как реализовать.

[freelancer]

$(".class1 a" ).colorbox({href:"../caption.html"},

onComplete: function() {

// do what do you want

}

);

[katilina]

Спасибо! Извините за настойчивость, а что именно // do what do you want  ?  Спрашиваю как дизайнер у программистов. Как синтаксически это прописать?

[freelancer]

$(this);

например ссылка на <a> элемент по которому кликнули

но если вам заранее известен id($('#css_caption')), то можно его использовать безо всяких заморочек

[katilina]

У меня на страничке несколько полей input с одинаковым классом. А значение из файла в модальном окне должно присваиваться только тому полю, которое внутри класса class1.  Надо передать значение так: parent.$(' .class1 #css_caption').attr('value', $("div", this).attr("data-class") );   Не могу понять, как мне релизовать

onComplete: function() {
$(this);
}

[freelancer]

не могу вас дизайнеров понять ))

id #css_caption уникален на весь документ

 

parent в вашем случае скорее всего будет window

потому parent.$(' .class1 #css_caption') это ссылка на 1 конкретный элемент а не на поле, которое внутри класса class1

более кнкретный пример приведите что куда должно попасть

[katilina]

На странице несколько блоков, но вызываю в модальном окне я один и тот же файл caption.html   В нём скриптом присваивается значение полю input#css_caption в зависимости от ссылки, по которой кликнули .class1 #css_caption    или   .class2   #css_caption

<div class="class1">
<input type="text" name="name1" value="value1" id="css_caption"/><a title="">Открыть окно</a>
</div>

<div class="class2">
<input type="text" name="name2" value="value2" id="css_caption"/><a title="">Открыть окно</a>
</div>

[katilina]

Подумала, что правильнее будет у каждого input  иметь свой id    css_caption1, css_caption2   Но это вопрос не меняет

[katilina]

не могу вас дизайнеров понять ))

id #css_caption уникален на весь документ

 

parent в вашем случае скорее всего будет window

потому parent.$(' .class1 #css_caption') это ссылка на 1 конкретный элемент а не на поле, которое внутри класса class1

более кнкретный пример приведите что куда должно попасть

на поле, которое внутри класса class1. Скрипт присваивает значение именно полю внутри класса class1

[freelancer]

var c = $(this).parent().attr('class');

будет либо class1 либо class2

[freelancer]

на поле, которое внутри класса class1. Скрипт присваивает значение именно полю внутри класса class1

$(this).prev()

 будет сылкой на поле