1
Всплывающее Окно С Размерами
Автор Yurren, 19 июля 2014 12:28
Сообщений в теме: 31
#21
Отправлено 08 Сентябрь 2014 - 16:54
вот к примеру на странице http://www.wildberri...270/detail.aspx
когда нажимаешь на подобрать свой размер, появляется всплывающее окно, но не с картинкой,в прописан отдельный стиль
когда нажимаешь на подобрать свой размер, появляется всплывающее окно, но не с картинкой,в прописан отдельный стиль
#22
Отправлено 08 Сентябрь 2014 - 23:58
Вместо изображения вы можете использовать html код следующего плана
где содержимое блока
это отображаемое содержимое в сплывающем окне.
<script type="text/javascript"> $(document).ready(function() { $("#size-table-660").click(function() { $.nyroModalManual({ content: $('#size-table-660-content').html(), gallery: null // Gallery name if provided }); return (false); }); }); </script> <div id="size-table-660-content" style="display: none;"> <h1>Таблица размеров</h1> <table width="50%" cellspacing="0" class="tb_ramka"> <thead> <tr> <td width="50%">Российский размер</td> <td width="50%">Размер для заказа</td> </tr> </thead> <tbody> <tr class="tr_out1"> <td>40</td> <td>XS</td> </tr> <tr class="tr_out2"> <td>42</td> <td>S</td> </tr> <tr class="tr_out1"> <td>44</td> <td>M</td> </tr> <tr class="tr_out2"> <td>46</td> <td>L</td> </tr> </tbody> </table> </div> <a href="#" id="size-table-660"><ins>(Таблица размеров)</ins></a>
где содержимое блока
<div id="size-table-660-content" style="display: none;">
это отображаемое содержимое в сплывающем окне.
#23
Отправлено 09 Сентябрь 2014 - 08:09
Сake (08 Сентябрь 2014 - 23:58) писал:
Вместо изображения вы можете использовать html код следующего плана
где содержимое блока
это отображаемое содержимое в сплывающем окне.
<script type="text/javascript"> $(document).ready(function() { $("#size-table-660").click(function() { $(this).nyroModalManual({ content: $('.size-table-660-content').html() gallery: null // Gallery name if provided }); return (false); }); }); </script> <div id="size-table-660-content" style="display: none;"> <h1>Таблица размеров</h1> <table width="50%" cellspacing="0" class="tb_ramka"> <thead> <tr> <td width="50%">Российский размер</td> <td width="50%">Размер для заказа</td> </tr> </thead> <tbody> <tr class="tr_out1"> <td>40</td> <td>XS</td> </tr> <tr class="tr_out2"> <td>42</td> <td>S</td> </tr> <tr class="tr_out1"> <td>44</td> <td>M</td> </tr> <tr class="tr_out2"> <td>46</td> <td>L</td> </tr> </tbody> </table> </div> <a href="#" id="size-table-660"><ins>(Таблица размеров)</ins></a>
где содержимое блока
<div id="size-table-660-content" style="display: none;">
это отображаемое содержимое в сплывающем окне.
Спасибо большое! Но теперь выдает js-ошибку.
#24
Отправлено 09 Сентябрь 2014 - 08:18
tolikkansk (09 Сентябрь 2014 - 08:09) писал:
Спасибо большое! Но теперь выдает js-ошибку.
content: $('.size-table-660-content').html() gallery: null // Gallery name if provided
и замените его на:
content: $('.size-table-660-content').html(), gallery: null // Gallery name if provided
#25
Отправлено 09 Сентябрь 2014 - 18:22
Теперь когда нажимаешь на таблицу размеров, просто черное окно.
#28
Отправлено 10 Сентябрь 2014 - 01:52
Замените в вашем шаблоне "Товар" код
на следующий код
<script type="text/javascript"> $(document).ready(function() { $("#size-table-660").click(function() { $(this).nyroModalManual({ content: $('.size-table-660-content').html(), gallery: null // Gallery name if provided }); return (false); }); }); </script>
на следующий код
<script type="text/javascript"> $(function () { $('#size-table-660').click(function () { $.nyroModalManual({ content: $('#size-table-660-content').html(), gallery: null }); return (false); }); }); </script>
#29
Отправлено 22 Февраль 2015 - 21:52
Не всплывает окно, когда нажимаешь http://dochkam-sinoc...i-13#show_tab_2
Вот код
Вот код
<script type="text/javascript"> $(function () { $('#size-table-660').click(function () { $.nyroModalManual({ content: $('#size-table-660-content').html(), gallery: null }); return (false); }); }); </script> <div id="size-table-660-content" style="display: none;"> <h1>Таблица размеров</h1> <table width="50%" cellspacing="0" class="tb_ramka"> <thead> <tr> <td width="50%">Российский размер</td> <td width="50%">Размер для заказа</td> </tr> </thead> <tbody> <tr class="tr_out1"> <td>40</td> <td>XS</td> </tr> <tr class="tr_out2"> <td>42</td> <td>S</td> </tr> <tr class="tr_out1"> <td>44</td> <td>M</td> </tr> <tr class="tr_out2"> <td>46</td> <td>L</td> </tr> </tbody> </table> </div> <a href="#" id="size-table-660"><ins>(Таблица размеров)</ins></a>
Номер аккаунта:
SL-298123,
#30
Отправлено 24 Февраль 2015 - 20:35
Модераторы, вы так и будете меня игнорить?
#31
Отправлено 26 Февраль 2015 - 06:54
У вас отсутствует nyroModalManual на указанном вами сайте. Вместо него используйте fancybox. Код будет иметь вид
<script type="text/javascript"> $(function () { $('#size-table-660').click(function () { $.fancybox({ content: $('#size-table-660-content').html(), gallery: null }); return (false); }); }); </script>
#32
Отправлено 26 Февраль 2015 - 19:27
Vaccina (26 Февраль 2015 - 06:54) писал:
У вас отсутствует nyroModalManual на указанном вами сайте. Вместо него используйте fancybox. Код будет иметь вид
<script type="text/javascript"> $(function () { $('#size-table-660').click(function () { $.fancybox({ content: $('#size-table-660-content').html(), gallery: null }); return (false); }); }); </script>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных