Разработчикам

Форум

Bitrix и AJAX

Эксперт

Сообщений: 745 Баллов: 64 Регистрация: 29.04.2011

#41

13.12.2016 17:37:37

Цитата
Александр Кислицын написал: а как же js? кто мешает отрендерить и загрузить все сразу, но со стилем display:none ? Потом отсчитать с момента загрузки N секунд и показать блок с display:block

так я потому и спрашиваю, что мне все сразу не надо. Компонент нужно подгузить через какое то время после полной загрузки страницы.

Цитата

Александр Воробьев написал:
Виталий Фантич , делаете отдельную страницу с этим компонентом примерно так

Код

 <?
define("NO_KEEP_STATISTIC", true);
define("NO_AGENT_STATISTIC", true);
require_once($_SERVER["DOCUMENT_ROOT"].'/bitrix/modules/main/include/prolog_before.php');
$APPLICATION->IncludeComponent("....", "", Array(),false);
die();

Далее при помощи ajax обращаетесь к нему и вставляете полученное куда вам надо

так пробовал. Но почему то стили не подтягивает и скрипты.

Мой модуль Битрикс: Мультиязычность - инфоблоки на разных языках https://proger.com.ua/~ao9ln

Пользователь 209695

Эксперт

Сообщений: 790 Баллов: 71 Регистрация: 02.09.2013

#42

13.12.2016 21:45:22

Цитата
Виталий Фантич написал: так пробовал. Но почему то стили не подтягивает и скрипты

А как вы пробовали? Если на отложенных функциях или стандартные scrip.js и style.css они и не подтянуться. Их подгрузку уже надо обеспечить. Можно в том же скрипте который получает этот HTML код догрузить нужное, а можно просто на странице заранее обеспечить их подключение.

Ну или внедрить их в сам HTML код.

https://va-soft.ru/
Есть проблема с ЧПУ умного фильтра. Голосуйте за идею решения

Пользователь 90197

Эксперт

Сообщений: 745 Баллов: 64 Регистрация: 29.04.2011

#43

13.12.2016 22:45:34

http://pogorely.ru/blog/otlozhennaya-zagruzka-kontenta-s-pomoshchyu-tekhnologii-ajax/ - я пробовал этим методом.

Мне например что нужно. Хотелось бы на каждой странице выводить просмотренные товары.
и чтобы сам компонент не загружался а только при надатии кнопки. И чтоб эта конопка тоже показывалась только еcли есть просмотренные товары.

Мой модуль Битрикс: Мультиязычность - инфоблоки на разных языках https://proger.com.ua/~ao9ln

Пользователь 209695

Эксперт

Сообщений: 790 Баллов: 71 Регистрация: 02.09.2013

#44

13.12.2016 22:53:28

Это понятно. И код из статьи правильный.
Я спрашивал о другом: как вы подключаете js и css компонента. Стандартный метод здесь не сработает по определению. Отсюда и три варианта решения:
1. Подключить эти скрипты и стили заранее, не зависимо будет или нет компонент вызванным. Если на каждой странице это возможно - подключайте в header.php (или просто копируйте их код в общие js и css для всего сайта)
1. встроить Javascript и Css непосредственно в шаблон компонента именно в той части которая отправляется аяксом
2. В js функции, которая принимает аякс ответ и вставляет полученный HTML на стрницу там же добавить на страницу подключение стиля и загрузку js...

https://va-soft.ru/
Есть проблема с ЧПУ умного фильтра. Голосуйте за идею решения

Пользователь 90197

Эксперт

Сообщений: 745 Баллов: 64 Регистрация: 29.04.2011

#45

13.12.2016 23:11:59

Цитата
Александр Воробьев написал: . В js функции, которая принимает аякс ответ и вставляет полученный HTML на стрницу там же добавить на страницу подключение стиля и загрузку js...

Мне кажется, это будет самый оптимальный вариант.

Пример можете показать?

Очень приятно что есть люди, готовые помочь!

Мой модуль Битрикс: Мультиязычность - инфоблоки на разных языках https://proger.com.ua/~ao9ln

Пользователь 209695

Эксперт

Сообщений: 790 Баллов: 71 Регистрация: 02.09.2013

#46

14.12.2016 00:18:28

В шаблоне, в ту часть,которая отпраляется в ответ на AJAX запрос или в том скрипте что принимает (только уже без тега script)

Код

<sc ript>
var cssLink = document.createElement("link"),
    jsLink = document.createElement("link"),
    head = document.getElementsByTagName("head")[0];

cssLink.setAttribute("rel", "stylesheet");
cssLink.setAttribute("type", "text/css");
cssLink.setAttribute("href", имя_файла_стилей_с_полным_путем_от_корня сайта);

jsLink.setAttribute("type", "text/javascript");
jsLink.setAttribute("src", имя_файла_js_с_полным_путем_от_корня сайта);

head.appendChild(cssLink);
head.appendChild(jsLink);
</sc ript>

https://va-soft.ru/
Есть проблема с ЧПУ умного фильтра. Голосуйте за идею решения

Пользователь 90197

Эксперт

Сообщений: 745 Баллов: 64 Регистрация: 29.04.2011

#47

14.12.2016 01:56:02

Еще один вопрос по созданию компонента с возможностью работы в режиме ajax.
Что еще нужно добавить кроме параметров в вызове компонента AJAX_MODE => "Y"?
Все ссылки все равно работают как стандартные и компонент перезагружает страницу.

Мой модуль Битрикс: Мультиязычность - инфоблоки на разных языках https://proger.com.ua/~ao9ln

Пользователь 209695

Эксперт

Сообщений: 790 Баллов: 71 Регистрация: 02.09.2013

#48

14.12.2016 08:46:08

Нет. Параметр может называться иначе. Если вы отвечающий скрипт сделали по шаблону, который я привел в сообщении #40 то он не нужен. Чтобы страница не перегружалась, надо уметь программировать на JS

, в функции, которая обрабатывает клик необходимо,как минимум, в конце поставить return false; если js функция вписана прямо в параметры тега "a", то тоже самое после ее вызова.
Пара примеров
Если обработчик jQuery (три доп строчки - лучше почитать о них в гугле, но в общем случае ставите все три и не паритесь)

Код
$('a.mylink').click(function(e){ e.preventDefault(); e.stopPropagation(); //здесь код вашей функции обрабатывающей клик return false; });

Если параметр ссылки

Код
<a href="/some_url/" click="jav * ascript:myFunction();return false;">Viewed</a>

https://va-soft.ru/
Есть проблема с ЧПУ умного фильтра. Голосуйте за идею решения

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером