0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 1155 Просмотров
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Здравствуйте.
У меня вот какой вопрос:
На странице материала я делаю iframe, файл PDF для него берется с диска ondrive (ну это не важно).
Цитировать
<iframe src="https://onedrive.live.com/embed?cidxxxxxxxxxxxxxxxxxxxx" width="400" height="400"></iframe>
Я хочу сделать так, чтобы сразу этот файл не загружался, а только после нажатия кнопки типа "Развернуть/Посмотреть" на странице.
Отдельным вторым материалом по-моему это делать как-то неразумно, а другое мне в голову не идет.
Подскажите пожалуйста, как лучше такое сделать?
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #1 : 28.03.2017, 16:41:01 »
здра.
почитайте, как работет lazy-загрузка и напишите js-скриптик, который будет по нажатию на кнопку спойлера делать замену пути к источнику на данные из data-original.
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #2 : 28.03.2017, 17:51:20 »
Так... почитал :)
Про скрипт замены пути я не понял.
Но вот какое решение у меня нарисовалось:
Поставить плагин lazy-load и плагин спойлера. Пока файл под спойлером, он не видим и не грузится, открывается спойлер и идет загрузка.
Правильно я рассуждаю? Вроде все логично. Надо пробовать :)
Спасибо за направление поиска.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #3 : 28.03.2017, 18:00:45 »
да все правильно, просто обычно скрипты lazy-load обрабатывают картинки, а не pdf-ки.
поэтому в вашем случае логичнее просто плагин спойлера поставить и в нем дописать в нажатие на кнопку спойлера поиск и замену для дочернего pdf
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #4 : 28.03.2017, 18:12:04 »
т.е. плагин спойлера есть,
внутрь спойлера пишем вывод pdf без фреймов, через

<embed class="lazy" data-original="http://example.com/the.pdf" src="" width="500" height="375" type='application/pdf'>


в обработчик открытия спойлера дописать
Код
$("embed.lazy").each(function() {
    $(this).attr("src",$(this).attr("data-original"));
    $(this).removeAttr("data-original");
});
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #5 : 29.03.2017, 22:57:59 »
Добрался снова до этого сайта :)
У меня нет ссылки на сам файл, есть ссылка на этот ondrive, а файлы будут оттуда. Получается только "внедрение" сделать. Оно там так называется. И выводится фреймом.
Получилось в общем-то практически то, что хотел.
Я использовал плагин Tabs & Slider & Spoilers (joomext.ru/plugin-tabs-slider-spoilers)

Единственное, чего понять не могу, этот файл во фрейме под спойлером как-то обрезано показывается. Фрейм полностью, а внутри него не всё.
Сам сайт у меня локальный пока, поэтому попытался на картинке показать.
Поясню. Сверху тот же код без спойлера - там все нормально (pdf-ка во весь фрейм)
<iframe src="https://onedrive.live.com/embed?cid=B4Fxxxxxxxxxx" width="476" height="288" frameborder="0" scrolling="no"></iframe>
Под спойлером тот же код, фрейм полностью, а файл только на треть.
Блин, всю голову уже сломал, не могу понять почему так.
*

antoxa12

  • Новичок
  • 4
  • 0 / 0
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #7 : 30.03.2017, 01:00:05 »
тут просто условный кусок вставлен, у меня стоит высота 950
на скрине маленький кусочек сверху спойлера имеет точно такой же код, но файл в нем идет до конца фрейма.

UPD ААААА! Простите, я дебила кусок!  :laugh: эта фигня была из-за изменения масштаба в браузере! Блин, я часа 4 разбирался в непонятных мне кодах, рыскал по форумам. Ширина была в процентах, высота в пикселях, а внутренности-то фрейма в размерах не менялись.... Вот вечно так, какая-нибудь дебильная ошибка/недочет кучу времени съедает.
« Последнее редактирование: 30.03.2017, 01:24:53 от antoxa12 »
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Скрыть iframe под кнопкой "загрузить"
« Ответ #8 : 30.03.2017, 01:15:04 »
ну нормально. все настоящие_детективы начинают с таких громких дел о таинственном уменьшении улик :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Скрыть не нужные поля в SP LMS - Joomla Learning Management System

Автор kot488

Ответов: 0
Просмотров: 317
Последний ответ 23.01.2022, 17:19:38
от kot488
Как скрыть статью ссылающуюся на саму себя в модуле последних материалов?

Автор R31rus

Ответов: 9
Просмотров: 529
Последний ответ 18.11.2021, 12:50:05
от R31rus
Скрыть часть вкладок в расширении Slideshow CK

Автор ornix

Ответов: 0
Просмотров: 466
Последний ответ 17.05.2021, 16:38:00
от ornix
iframe через модуль html в SP Pagebuilder

Автор kompgeniy

Ответов: 2
Просмотров: 677
Последний ответ 11.03.2021, 07:26:12
от kompgeniy
Ссылка скрыть / показать скрытый текст

Автор web1

Ответов: 1
Просмотров: 426
Последний ответ 17.02.2021, 19:16:59
от beliyadm