Создание Всплывающего Окна Для Iframe
#1
Отправлено 07 Февраль 2015 - 19:59
У меня есть iframe-код онлайн-конструктора. Помогите, пожалуйста, либо настроить корректное отображение на сайте (SL-329316), сейчас он стоит на главной, либо, в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню...
Заранее спасибо.
#2
Отправлено 08 Февраль 2015 - 10:05
Roman_Latyshev (07 Февраль 2015 - 19:59) писал:
У меня есть iframe-код онлайн-конструктора. Помогите, пожалуйста, либо настроить корректное отображение на сайте (SL-329316), сейчас он стоит на главной, либо, в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню...
Заранее спасибо.
<iframe allowfullscreen="true" frameborder="0" height="1000" scrolling="no" src="http://constructor.prodboard.com?code=SR_6bff56a3ffab4cea8a2a4a743b4f0ed6" style="width:100%;height:100%;border:none">&amp;amp;lt;p&amp;amp;gt;эта страница, которую мы создали автоматически, является примером такого контента. Изменить или удалить её можно в панели управления магазина, в разделе &amp;amp;laquo;Сайт&amp;amp;raquo; &amp;amp;gt; &amp;amp;laquo;&amp;amp;lt;a data-cke-saved-href=&amp;amp;quot;/admin/site_pages&amp;amp;quot; href=&amp;amp;quot;/admin/site_pages&amp;amp;quot;&amp;amp;gt;Страницы&amp;amp;lt;/a&amp;amp;gt;&amp;amp;raquo;&amp;amp;lt;/p&amp;amp;gt;</iframe>на
<div class="frameWindow"> <div class="framebg"></div> <iframe allowfullscreen="true" frameborder="0" height="1000" scrolling="no" src="http://constructor.prodboard.com?code=SR_6bff56a3ffab4cea8a2a4a743b4f0ed6" style="width:100%;height:100%;border:none">&amp;amp;lt;p&amp;amp;gt;эта страница, которую мы создали автоматически, является примером такого контента. Изменить или удалить её можно в панели управления магазина, в разделе &amp;amp;laquo;Сайт&amp;amp;raquo; &amp;amp;gt; &amp;amp;laquo;&amp;amp;lt;a data-cke-saved-href=&amp;amp;quot;/admin/site_pages&amp;amp;quot; href=&amp;amp;quot;/admin/site_pages&amp;amp;quot;&amp;amp;gt;Страницы&amp;amp;lt;/a&amp;amp;gt;&amp;amp;raquo;&amp;amp;lt;/p&amp;amp;gt;</iframe></div>после чего в main.css добавьте
.frameWindow { cursor: pointer; } .frameWindow:hover iframe { display: block; } .framebg { width: 100%; height: 20px; background: url("{ASSETS_IMAGES_PATH}картинка"); }загрузив вместо слова картинка нужную картинку в редакторе шаблонов, которая будет отображаться при скрытом фрейме.
#3
Отправлено 08 Февраль 2015 - 10:26
И вторая часть вопроса - "в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню..."
#4
Отправлено 08 Февраль 2015 - 10:36
Roman_Latyshev (08 Февраль 2015 - 10:26) писал:
И вторая часть вопроса - "в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню..."
.framebg { width: 100%; height: 1000px; background: url("{ASSETS_IMAGES_PATH}809.jpg"); }на
.framebg { width: 100%; height: 580px; background: url("{ASSETS_IMAGES_PATH}809.jpg"); }и добавьте
.frameWindow iframe { display: none; height: 1000px!important; }
#5
Отправлено 08 Февраль 2015 - 10:42
только вот фрейм скрывается как только мышку отводишь в сторону....
Ну и плюсом, все-таки хотелось бы запихнуть его в отдельное всплывающее окно, так можно сделать????
#6
Отправлено 08 Февраль 2015 - 11:14
Roman_Latyshev (08 Февраль 2015 - 10:42) писал:
только вот фрейм скрывается как только мышку отводишь в сторону....
Ну и плюсом, все-таки хотелось бы запихнуть его в отдельное всплывающее окно, так можно сделать????
http://forum.storela...-делюсь-с-вами/
#7
Отправлено 08 Февраль 2015 - 16:54
Ирина345 (08 Февраль 2015 - 11:14) писал:
http://forum.storela...-делюсь-с-вами/
Забыли про кнопку и всплывающее окно....Просто ответьте, кто может...
Писал ранее...
Roman_Latyshev (08 Февраль 2015 - 10:42) писал:
только вот фрейм скрывается как только мышку отводишь в сторону....
Так чтобы он не сворачивался при наведении мышки...или как сделать чтобы он постоянно был открытым на 100% ????
Заходишь на страничку, а там он сразу и отражается...
Мне не нужен скрываемый фрейм, мне нужно так чтобы он постоянно работал....
#8
Отправлено 08 Февраль 2015 - 19:43
Надо в main.css ставить
.frameWindow iframe {
display: block;
width:100% !important;
height: 800px!important;
}
тогда и отражаться будет правильно....как хочу.
Я прав?
#9
Отправлено 08 Февраль 2015 - 19:49
Roman_Latyshev (08 Февраль 2015 - 19:43) писал:
Надо в main.css ставить
.frameWindow iframe {
display: block;
width:100% !important;
height: 800px!important;
}
тогда и отражаться будет правильно....как хочу.
Я прав?
#10
Отправлено 10 Февраль 2015 - 16:56
не могу, не получается (((
<div id='prodboard-container' style='min-width: 900px;min-height: 600px;\'></div>
<script src='http://code.jquery.c...'></script>
<script src='http://kitchen.prodb...'></script>
#11
Отправлено 10 Февраль 2015 - 17:00
Roman_Latyshev (10 Февраль 2015 - 16:56) писал:
не могу, не получается (((
<div id='prodboard-container' style='min-width: 900px;min-height: 600px;\'></div>
<script src='http://code.jquery.c...'></script>
<script src='http://kitchen.prodb...'></script>
На какой странице он должен отображаться?
#12
Отправлено 10 Февраль 2015 - 17:02
Danil (10 Февраль 2015 - 17:00) писал:
На какой странице он должен отображаться?
#13
Отправлено 10 Февраль 2015 - 19:01
что и где поменять, добавить? Подскажите...
Сообщение отредактировал Roman_Latyshev: 10 Февраль 2015 - 21:49
#14
Отправлено 11 Февраль 2015 - 00:04
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script>данное подключение уже имеется в шаблоне HTML, данные дубликаты могут конфликтовать
#15
Отправлено 11 Февраль 2015 - 10:01
Vaccina (11 Февраль 2015 - 00:04) писал:
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script>данное подключение уже имеется в шаблоне HTML, данные дубликаты могут конфликтовать
Помогите, очень нужно!!!
#16
Отправлено 11 Февраль 2015 - 13:04
Заставить работать два одинаковых модуля работать одновременно?
Сейчас у меня стоит на этой странице модуль конструктора шкафов-купе http://romana-mebel....or-shkafov-kupe
На другой странице стоит http://romana-mebel....nstruktor-kuhon модуль конструктора кухонь.
Вопрос - почему не работает модуль кухонь и как заставить оба модуля работать? Что не так?
Спасибо, всем кто откликнется....
#17
Отправлено 11 Февраль 2015 - 17:02
#18
Отправлено 12 Февраль 2015 - 02:37
Вы меня пошлите уж куда-нибудь, что ли....
#19
Отправлено 12 Февраль 2015 - 07:50
#20
Отправлено 12 Февраль 2015 - 10:13
http://kitchen.prodb...743b4f0ed6/1H6K
http://kitchen.prodb...b4f0ed6/1H6K.js
А как должна выглядеть ссылка?
Просто первая у меня открывается, а вторая нет....
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных