1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

[РЕШЕНО] Помогите включить вывод IFRAME в COLORBOX для DRUPAL 7

Главные вкладки

Аватар пользователя FomenkoAndrey FomenkoAndrey 31 марта 2012 в 0:34

Ребята, помогите решить проблему.
Есть работающий плагин ColorBox (1.3.19), он прекрасно открывает изображения в модальном окне.
Настроил его и включил согласно инструкций.
Включить загрузку через Colorbox +
Enable Colorbox inline +

Но, возникла необходимость так же открывать гугл-карты.
Сначала я реализовал это через скрипты ROKBOX, которые прекрасно работали, но столкнулся с конфликтом AJAX - при включенном rokbox не удалятся и не загружаются изображения.
Потому решил, раз уж установлен CB - попробовать сделать тоже самое через него.

Прописал в шаблоне код согласно инструкций:

<a class="colorbox-load" href="<?php print render($item); ?>&amp;output=embed">Watch Now</a>

Пробовал и такое:

<a class="colorbox-load" href="http://www.youtube.com/watch?v=617ANIA5Rqs?width=500&height=500&iframe=t...>Watch Now</a>

Результат один - в окне колорбокса получаю: Request unsuccessful

Еще находил в сети фразы о необходимости установить дополнительный плагина для IFRAME ??? - но так и не нашел внятных инструкций где взять и как поставить.

Помогите кто делал подобное

Комментарии

Аватар пользователя FomenkoAndrey FomenkoAndrey 31 марта 2012 в 11:25

такой вариант не работает

<p><a href="javascript:void jQuery.colorbox({html:'http://www.youtube.com/watch?v=617ANIA5Rqs'})">Пишем текст ссылки</a></p>

выводится обычный текст http://www.youtube.com/watch?v=617ANIA5Rqs

lightbox2 - пробовал, но он очень "тупенький" по сравнению с rokbox и colorbox.
хочу заставить именно colorbox работать.

Аватар пользователя WiseMan WiseMan 31 марта 2012 в 11:55

Просто так ютуб не даст ссылку открыть в iframe. Нужен подход.

Например, здесь через тригер в вьюс. Или вам scream89 дал ссылку на решение которое ему помогло.

P.S. Есть вариант. Открывайте ссылку вот таком виде (ширину высоту ваши подставляйте, можно в процентах):

<a class="colorbox-load" href="http://www.youtube.com/v/617ANIA5Rqs?width=800&height=500&iframe=true">видео в колобоксе</a>

обратите внимание именно на ссылку на ютуб и что она открывает сама по себе чисто видео.

Не знаю как долго это проработает, т.к. могу рано или поздно перекрыть, ИМХО. Реклама в таком виде у них не показывается )

Аватар пользователя FomenkoAndrey FomenkoAndrey 31 марта 2012 в 12:23

WiseMan, ссылка в вашем варианте работает. Но, если брать в частности ютюб - он предоставляет ссылки в другом виде.
Да и использую я эти ссылки только ради пробы открыть ЛЮБОЙ контент.

Мне же нужно открывать через колорбокс карты гугл.

Имеется однострочное поле, куда пользователи могут ввести ссылку на карту гугл. Вот пример ссылки:

http://maps.google.com.ua/maps?q=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2&hl=ru&ie=UTF8&oe=utf-8&client=firefox&hnear=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C&t=m&z=10

Далее через шаблон я подставил ссылку в IFRAME и на странице получил работающую карту.

Но, мне нужно эту карту вывести НЕ на странице, а открыть в модальном окне. Пока что ни один из прочитанных мной в сети вариантов не помог.

Вариант такой ссылки прекрасно работал в ROKBOX (если бы не его конфликт с AJAX в одном месте - оставил бы и не парился)

<a href="<?php print render($item); ?>&amp;output=embed" rel="rokbox" >

Этот вариант в CB не работает:

<a class="colorbox-load" href="ССЫЛКА_НА_КАРТУ_ГУГЛ?width=500&height=500&iframe=true">Watch Now</a>

Как делать через views - не понял, да и громоздко слишком получается, оно того не стоит.

Аватар пользователя WiseMan WiseMan 31 марта 2012 в 13:18

вполне себе работает:

<?php
<a class="colorbox-inline" href="?width=440&height=370&inline=true#gmams">карта в колобоксе</a>

<

div style="display: none; position: absolute; left: -1000; ">
   <div id="gmams">
   <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps?hl=ru&amp;q=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C,+61000+%4049.993500,36.230383&amp;ie=UTF8&amp;hq=&amp;hnear=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C&amp;t=m&amp;z=14&amp;ll=49.9935,36.230383&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.ua/maps?hl=ru&amp;q=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C,+61000+%4049.993500,36.230383&amp;ie=UTF8&amp;hq=&amp;hnear=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C&amp;t=m&amp;z=14&amp;ll=49.9935,36.230383&amp;source=embed" style="color:#0000FF;text-align:left">Просмотреть увеличенную карту</a></small>
   </div>
</div>

?>

в ссылке что вам дали в первом комментарии об этом рассказывается! или опять не так?

Если вам нужно исключительно по ссылке, то разве что в сторону google-API смотрите. Тут на сайте были модули использующие гугл-мапс

Ай, тормоз я ))
Все работает и вот так:

<?php
<a class="colorbox-load" href="http://maps.google.com.ua/maps?hl=ru&amp;q=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C,+61000+%4049.993500,36.230383&amp;ie=UTF8&amp;hq=&amp;hnear=%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2,+%D0%A5%D0%B0%D1%80%D1%8C%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F+%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C&amp;t=m&amp;z=14&amp;ll=49.9935,36.230383&amp;output=embed&width=700&height=500&iframe=true">карта по ссылке в колобоксе</a>
?>

ссылку берите из iframe что в коде выше, т.е. с параметрами от гугла

Аватар пользователя FomenkoAndrey FomenkoAndrey 31 марта 2012 в 13:50

WiseMan, БРАВО!!!!
Работает!!! Я думал уже сума сойду - два дня топтания на одном месте )))

Только вот так - появляются вертикальный и горизонтальный скролбар

<?php
<a class="colorbox-inline" href="?width=440&height=370&inline=true#gmams">карта в колобоксе</a>

Попробовал вот так

<a class="colorbox-inline" href="map&inline=true#gmams">карта в колобоксе</a>

ОТЛИЧНО работает в хроме, опере, файрфоксе Smile
на отрезал не работает в IE8, IE9 - раз открывается и все... потом только CTRL+F5 позволяет отобразить страницу.

добавка в адрес MAP вроде "малины" не портит, а ссылку - украшает )

Еще раз огромное ВАМ спасибо!

Аватар пользователя WiseMan WiseMan 31 марта 2012 в 14:31

"FomenkoAndrey" wrote:
Только вот так - появляются вертикальный и горизонтальный скролбар

размеры колорбокса в ссылке измените на бо'льшие

напишите в теме [решено]

Аватар пользователя FomenkoAndrey FomenkoAndrey 31 марта 2012 в 14:37

"WiseMan" wrote:
размеры колорбокса в ссылке измените на бо'льшие

пробовал, "вылазят" белые полосы внизу и справа.
без указания размеров в ссылке - все прекрасно работает.

Аватар пользователя FomenkoAndrey FomenkoAndrey 31 марта 2012 в 17:52

Сейчас заметил:
когда открываешь карту - на самой странице что-то загружается.
когда закрываешь карту - то же самое, что-то грузится.
это сказывается на общей скорости выполнения скрипта.

при открытии/закрытии изображений через колорбокс такого не происходит.