Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

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

7ssoft

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
  • студент-медик
Айфоновский iFrame
« : 15.02.2015, 12:09:42 »
Такая задача. Нужно мобильную версию одного сайта показать именно в рамочке.

Например iPhone или какой нибудь смартфон.

*

chemerzaev

  • Давно я тут
  • 630
  • 83 / 3
  • Надо мыслить. Меня, например, кормят идеи.
Re: Айфоновский iFrame
« Ответ #1 : 15.02.2015, 14:05:25 »
Так что вам надо? У вас есть адаптивно сверстанный шаблон? Если да то ищите эмуляторы, если нет и срочно надо сделать вывод ищите компоненты, а лучше садитесь и делайте адаптивный вариант.
Я несчастный человек, который, как долбаный экстрасенс, должен понимать заказчика, даже если он сам не знает, чего хочет
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Айфоновский iFrame
« Ответ #2 : 15.02.2015, 14:51:12 »
Вот тут интересный вопрос встает: та часть экрана, которая во фрейме будет отображать сайт, эмулируя его поведение на айфоне, явно будет иметь не айфоновскую ретину, так что придется либо искать/самому писать компонент эмуляции типов устройств, либо то, что будет выводится фреймом, не будет полноценной эмуляцией, соот-но вы не получите достоверную картинку.
*

7ssoft

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
  • студент-медик
Re: Айфоновский iFrame
« Ответ #3 : 17.02.2015, 14:07:55 »
Уточню. Уже имеется HTML5 приложение. То есть, у мобильного приложения под iOS и Android есть версия HTML.

Но если перейти по этому адресу, то она во весь экран выводит - bshkk.medik.kg

Идея такова:

1. Есть java script который перенаправляет на моб. версию если определяет, что заходят с моюильного.
2. Хочется, чтобы при входе на сайт (например b.сайт.ру) с компа, то открывался страница в котором есть iframe (с готовым адаптивным bshkk.medik.kg), в котором есть уже готовая мобильно адаптированная. Что-то вроде онлайн теста приложения. Ну или альтернатива, когда нет смартфона.

Ищу решение для второго. То есть iframе с рамкой какого либо телефона.  
*

bolonia

  • Захожу иногда
  • 222
  • 27 / 0
Re: Айфоновский iFrame
« Ответ #4 : 19.02.2015, 04:35:50 »
Ну и в чем проблема? Если у вас адаптивный CSS, то делаем для iframe фиксированную высоту и ширину. Прячем скролл.
Оборачиваем фрейм в div с бэкграундом iPhone в png с вырезанным экраном.
Бесплатный модуль обратного звонка / обратной связи для J3: http://joomlaforum.ru/index.php?topic=309065.0
*

7ssoft

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
  • студент-медик
Re: Айфоновский iFrame
« Ответ #5 : 24.02.2015, 17:11:14 »
Ну и в чем проблема? Если у вас адаптивный CSS, то делаем для iframe фиксированную высоту и ширину. Прячем скролл.
Оборачиваем фрейм в div с бэкграундом iPhone в png с вырезанным экраном.

Спасибо за то, что указал направление. Все получилось!
  • Сделал iframe с фиксированным размером, который равен пропорциям экрана,
  • Его положил в div с центральным align + фон айфон,
  • Рамки справа и слева сделал одиннакого размера, чтобы iframme был как раз в центре.
  • Дальше установил padding-top с размером от верхнего края до начала экрана.
  • Еще прописал фону no-repeat

результат: http://BSHKK.SU.KG/iphone-6-plus/
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Айфоновский iFrame
« Ответ #6 : 24.02.2015, 17:26:23 »
не хватает границ экрана, лучше бы айфон черным нарисовали.
*

bolonia

  • Захожу иногда
  • 222
  • 27 / 0
Re: Айфоновский iFrame
« Ответ #7 : 25.02.2015, 04:27:21 »
Спасибо за то, что указал направление. Все получилось!
  • Сделал iframe с фиксированным размером, который равен пропорциям экрана,
  • Его положил в div с центральным align + фон айфон,
  • Рамки справа и слева сделал одиннакого размера, чтобы iframme был как раз в центре.
  • Дальше установил padding-top с размером от верхнего края до начала экрана.
  • Еще прописал фону no-repeat

результат: http://BSHKK.SU.KG/iphone-6-plus/

Неплохо, но можно еще лучше: в самом приложении добавить параметр какой-нибудь, который будет прятать системный скролл (overflow-y: hidden), но заместо поставить какой-нибудь на JS, т.к. у iPhone нет скроллбаров :)

Подойдет что-то типа этого: http://jscrollpane.kelvinluck.com/

P.S.: Почему бы не взять реальные фотки устройств в большом разрешении? HTC One выглядит как будто его школьник рисовал по памяти :)
Бесплатный модуль обратного звонка / обратной связи для J3: http://joomlaforum.ru/index.php?topic=309065.0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

iframe через модуль html в SP Pagebuilder

Автор kompgeniy

Ответов: 2
Просмотров: 1086
Последний ответ 11.03.2021, 07:26:12
от kompgeniy
Вывести модуль в iframe

Автор timofe

Ответов: 5
Просмотров: 605
Последний ответ 09.12.2020, 07:25:18
от rsn
[Решено] https + X-Frame-Options, как отобразить в iframe?

Автор x1

Ответов: 10
Просмотров: 6989
Последний ответ 22.07.2020, 14:38:27
от x1
Что блокирует отображение iframe на сайте?

Автор slepoy

Ответов: 2
Просмотров: 2737
Последний ответ 02.06.2018, 17:14:53
от slepoy
Можно ли подключится к другому серверу не используя iframe?

Автор DIeKon

Ответов: 9
Просмотров: 818
Последний ответ 29.08.2017, 12:57:45
от dmitry_stas