Jump to content
Sign in to follow this  
katilina

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

Recommended Posts

Друзья, помогите дописать скрипт.
Ситуация следующая: в файле размещён 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") );
Как понимаю, надо передать имя класса в модальное окно, не знаю, как реализовать.

Share this post


Link to post
Share on other sites


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

onComplete: function() {

// do what do you want

}

);

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
$(this);

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

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

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

Share this post


Link to post
Share on other sites

На странице несколько блоков, но вызываю в модальном окне я один и тот же файл 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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

 

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

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

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

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

Share this post


Link to post
Share on other sites
var c = $(this).parent().attr('class');

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

Share this post


Link to post
Share on other sites

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

$(this).prev()

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By sv2109
      300.00 руб
      Скачать/Купить дополнение


      Просмотр картинок товара, быстрый просмотр товаров
      Модуль добавляет возможность на странице категории просматривать все картинки товаров.
      По клике на картинку товара на странице категории открывается окно со всеми картинками товара.
      Модуль умеет работать в 2-х режимах:
      1. В окне просмотра картинок показываются только картинки с возможностью перелистывания (Демо)
      2. В окне просмотра открывается карточка товара с картинками в виде слайдера и зумом, а так же кнопкой купить, опциями итд.
      (Демо)
      vqmod не используется
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы ядра не будут перезаписаны.
      2. Установить модуль в панели управления
      3. При необходимости поменяйте настройки
      Версии движка, на которых тестировался модуль:
      - ocStore v1.5.5.1
      но должен работать на всех 1.5.х версиях
      Версия 1.1
      - изменен код
      - модуль теперь работает не только на странице категорий но у на других страницах
      - добавлена поддержка сео ссылок
      - добавлена поддержка модуля filter pro
      - в режиме показа только картинок размеры окна задаются в админке


      Версия модуля, которая работает на странице товара: Просмотр картинок товара
      Добавил sv2109 Добавлено 26.03.2014 Категория Модули Системные требования Сайт разработчика sv2109.com Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • By sv2109
      Модуль добавляет возможность на странице категории просматривать все картинки товаров.
      По клике на картинку товара на странице категории открывается окно со всеми картинками товара.
      Модуль умеет работать в 2-х режимах:
      1. В окне просмотра картинок показываются только картинки с возможностью перелистывания (Демо)
      2. В окне просмотра открывается карточка товара с картинками в виде слайдера и зумом, а так же кнопкой купить, опциями итд.
      (Демо)
      vqmod не используется
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы ядра не будут перезаписаны.
      2. Установить модуль в панели управления
      3. При необходимости поменяйте настройки
      Версии движка, на которых тестировался модуль:
      - ocStore v1.5.5.1
      но должен работать на всех 1.5.х версиях
      Версия 1.1
      - изменен код
      - модуль теперь работает не только на странице категорий но у на других страницах
      - добавлена поддержка сео ссылок
      - добавлена поддержка модуля filter pro
      - в режиме показа только картинок размеры окна задаются в админке


      Версия модуля, которая работает на странице товара: Просмотр картинок товара
    • By michnoff
      Приветствую! Имеется магазин сантехники на ocstore 1.5.5.1.2. не могу справиться с всплывающим изображением colorbox( например при увеличении изображения в карточке товара). Если сайт отображается в полном размере(мобильной верстки нет), то всплывающее изображение отображается слева и не в полный размер - вот так http://pixs.ru/showimage/Bezimyanni_6691044_22501114.png , а нужно, что бы изображение открывалось по ширине дисплея во весь размер вот так http://pixs.ru/showimage/Bezimyanni_5886507_22501123.png. Это можно как то поправить? Если нужна ссылка на магазин http://shop-grohe.by/
    • By sonson
      Почему он это мне пишет ?
      что случилось и как исправить?
      jquery.colorbox-min.js:4 Uncaught TypeError: Cannot read property 'rel' of undefined
      просто в один прекрасный момент взял и перестал работать colorbox :(
    • By Bloomberg
      Доброго времени суток! Помогите, пожалуйста, разобраться. Хочу сделать в карточке товара (OcStore 1.5.5.1.2 PavTheme StyleShop) всплывающие окна при нажатии на ссылку. В всплывающем окне будет текст например о доставке или оплате или картинка. Как это правильно реализовать?
      Большое спасибо!
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.