Как скрыть iframe для мобильных устройств?

  • 8 Ответов
  • 633 Просмотров

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

*

Dr-gonZO

  • ***
  • 55
  • -1
Дроброго времени суток господа... я понимаю что тема полюбому уже заезжаная
Но не для меня.
Так как я являюсь счастливым Обладателем чайника))  Имею права задаться этим  вопросом))   :laugh:


И такст..

В общем пытаюсь сделать сайт для сестренки).. особо не шарю.. это вам наверняка стало понятно, судя по названию заезжанной темы)

Имею очень большое желание скрыть отображения страницы через тег Iframe
И скрыть его именно для мобильных устройств.

Ну а в идеале конечно.  Цель.
Запретить отображения фрейма.  и заместо него при разрешение меньше,  допустим 1000 . Выводить картинку . или кнопку. но и картинка пойдет на крайняк.

линка на сайт blackair.ru
Код
<iframe src="broni/index.php" width="100%" height="900" frameborder="0"> </iframe>


« Последнее редактирование: 05.01.2016, 06:21:14 от Dr-gonZO »

*

Dr-gonZO

  • ***
  • 55
  • -1
И в обще я что то теряюсь, надо ли мне это в обще..

Может лучше попытаться оптимизировать (под мобильные устройства) страничку которую я вывожу. фреймом

Или тупо закрыть отображения для мобильных и вывести за место этого баннер..
« Последнее редактирование: 04.01.2016, 04:36:17 от Dr-gonZO »

*

voland

  • ********
  • 9357
  • 420
  • СКАЙП утерян! Пишите в телеграм @volandku

*

Dr-gonZO

  • ***
  • 55
  • -1
Бро я не секу про доры.  Но вроде бы понимаю что ты спрашиваешь про страницу которая я вывожу через iframe . если так то

То стрица с php скрипотом. (типо онлай бронирование)

*

AlekVolsk

  • ********
  • 6301
  • 336
для фрейма добавьте класс, например
Код
<iframe class="hidden_max1000" src="broni/index.php" width="100%" height="900" frameborder="0"> </iframe>

в стилях задайте:
Код: css
@media (max-width:1000px) {
  .hidden_max1000 {display:none;}
}

*

Dr-gonZO

  • ***
  • 55
  • -1
 Спасибо броу, что отозвался помочь, хорошо когда помогают.

Я вот так реализовал.



Код
<iframe src="broni/index.php" width="100%" class="disp_none" height="680" frameborder="0"> </iframe> 
<iframe src="broni/schedule.php" width="100%" class="disp_none" height="1100" frameborder="0"> </iframe>
<div class="disp_block"><a href="broni/index.php" target="_blank" style="color: white;">Бронирование с мобильных устройств</a></div>

Код
@media screen and (max-width: 1240px) {
.disp_none {display: none;}
.disp_block {display: block;}
}
@media screen and (min-width: 1240px) {
.disp_block {display: none;}
}


*

fsv

  • *******
  • 2504
  • 367
Я вот так реализовал.
А теперь на ПК уменьшите ширину браузера (<1240), загрузите страницу и посмотрите в исходный код. На мобильниках фреймы не видны, но грузятся, через мобильные сети (медленно и платно). Предполагаю, вы хотели для мобильных облегчить страницу, кто хочет заказать, перейдет на отдельную.
Ищите на JED плагины определения мобильных и выводите фреймы (или модульную позицию) в зависимости от агента.
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения

*

Dr-gonZO

  • ***
  • 55
  • -1
Можно на ты бро, я молодой пока) 26 ..
Про цели..
Ню дабы не переверстывать php скрипт, и не делать адаптацию  под мобильные устройства. чтобы как то облегчить вес страницы для мобильных.
скрыть, и не мучать будущих мобильных пользователей скролом фреймом вполне получаеться.  :laugh:

Благодарю что направил на правильный путь, и было бы идеально пример реализации.. этих самых плагинов.. как люди то делают, почитать хоть..
Ато я чето не могу догнать что за рыба эти "Мобильные фреймы"

Мир
« Последнее редактирование: 05.01.2016, 09:24:09 от Dr-gonZO »

*

fsv

  • *******
  • 2504
  • 367
Можно на ты бро, я молодой пока) 26 ..
Я тебе не бро, и слэнг свой оставь для своей компании.

Насчет почитать - в сети много материала. Что вы нашли, и что вы не поняли?
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения