Верстка. Подгрузка содержимого.

DiabloLCF 19.08.2013 верстка, шаблон Все вопросы » Общие вопросы по вёрстке 3489

вопрос

Добрый день уважаемые знатоки ... пробуем делать сайт себе и столкнулись с таким вот траблом. Модальные всплывающие окна на сайте загружаются вместе с основным содержимым как сделать чтобы они начинали подгружаться только после нажатия кнопки.
З.Ы. Верстка чистый Bootstrap 3.0 R2

Показать / Скрыть текст

<div class="col-md-3 well well-sm" style="margin-right:3px">
                        <a href="" alt=""><strong><h4>Название товара</h4></strong></a>
                        <div class="thumbnail">
                            <img class="retro" src="img/news/1/img1.jpg" alt="" title="">
                        </div>
                        <p><i class="icon-money"></i> Цена: <strong>ХХХ</strong> руб.</p>
                        <hr></hr>
                        <a data-toggle="modal" href="#myModal"><button type="button" class="btn btn-primary btn-xs col-md-9 pull-right" ><i class="icon-info-sign"></i> Подробнее</button></a>
                        <br><br>
                        <button type="button" class="btn btn-success btn-xs col-md-9 pull-right"><i class="icon-shopping-cart"></i> Купить</button>
                    </div>
<!-- Modal -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title">Заголовок</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Текст Текст Текст Текст Текст Текст</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal-dialog -->
                    </div><!-- /.modal -->
<!-- -->

Проблемный сайт

Ответа пока нет

3 комментария

Эксперт

Nagibaka - 2015-05-1319 августа 2013 17:46 - #15775

Сатана, добрый вечер

<a data-toggle="modal" href="#myModal">

Суть вот в чем, в хрефе должна быть ссылка на страницу(php-скрипт), который генерирует необходимый вам контент модального окна, тогда по идее в модальном окне появится ифрейм с содержимым. Таким образом работает большинство плагинов модальных окон. Судя по разметке - у вас бутстраповский.

Прокрутите тут до опций http://mybootstrap.ru/javascripts/#modals

<a data-toggle="modal" href="tovarcheg.php?id=13" data-target="#modal">Нажать</a>

Спасибо.

Frontend MotherFucker=:^^

Юзер

DiabloLCF - 2015-05-1320 августа 2013 03:43 - #15796

Написано с помощью Bootstrap'а, но сейчас это чистый HTML. Код рабочий полностью ... но проблема в том если я добавлю очень много таких окон то сайт грузится будет очень долго ... Есть ли допустим скриптик на js или jquery чтобы просто подгрузить на сайт само окно после нажатия кнопки ???

Эксперт

Nagibaka - 2015-05-1320 августа 2013 12:17 - #15806

Прочитайте еще раз, что я выше написал. После выполнения описанных действий - вам не придется в контент выводить содержимое этих модальных окон. Они будут подгружаться только после нажатия на кнопку, как вы и хотите.

Frontend MotherFucker=:^^

Похожие вопросы

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

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

наверх