js и modern

Предыдущая
1
2
Показаны 16-29 из 29

#16 2 апреля 2021 в 22:48

Lora,
Я даже не пытался создавать конструкций parent #child.
Всё равно яваскрипт не увидит родителей #button, если он не видит сам #button.
Просто смотрел в панели разработчика, кто родитель выведенного на экран элемента.
И раньше-то на выведенные аяксом элементы события плохо вешались, а теперь и вовсе не вешаются.
Если разработчики подскажут почему так — буду очень признателен.

#17 2 апреля 2021 в 22:54

Может это типа перходного периода.

Разработка мобильных приложений

#18 4 апреля 2021 в 10:56

Решено?

Украинский для инстант

Сегодня в 17:40

#19 4 апреля 2021 в 12:57

Если разработчики подскажут почему так — буду очень признателен.
Ris

Можете перевести на наш суть проблемы?) Я так ничего и не понял, что не получается и при чём тут другой шаблон.

🛠 docs.instantcms.ru

#20 4 апреля 2021 в 14:50

Ris,
Вроде бы в модальном окне можно использовать

 
<script>
    $('#button').on('click',function(){
		/* что-то */
    });
</script>

без буферизации

Дизайн и разработка веб сайтов и мобильных приложений

#21 4 апреля 2021 в 15:19

Можете перевести на наш суть проблемы?
Fuze

Пример проявления проблемы:
Требуется отправка комментариев по Ctrl+Enter.
Шаблон default: добавляем в низ файла \templates\default\controllers\comments\list.tpl.php

Спойлер

<script type="text/javascript">
	$('textarea').on('keydown', function(event){
		if (event.keyCode === 10 || event.keyCode == 13 && event.ctrlKey) {
			icms.comments.submit();
		}
	});	
</script>

То есть добавляем на страницу списка комментариев яваскрипт, который по событию контрол-энтер на тексареа запускает сабмит. Всё работает.
Шаблон модерн. добавляем тот же код в тот же файл. Элемент textarea на странице присутствует, но событие $('textarea').on('keydown', function(event){ не срабатывает
Пришлось делать так:

Спойлер

<script>
document.addEventListener("DOMContentLoaded", () => {
$('#comments_add_form').on('keydown', function(event){
if (event.keyCode === 10 || event.keyCode == 13 && event.ctrlKey) {
icms.comments.submit();}});
</script>

#22 4 апреля 2021 в 16:13

$('textarea').on('keydown', function(event){ не срабатывает
Ris

И причина тому, то что ваш код заявлен раньше, чем объявлена переменная $? Или другая ошибка в консоли?

#23 4 апреля 2021 в 16:26

И причина тому, то что ваш код заявлен раньше, чем объявлена переменная $?
Loadырь

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

document.addEventListener("DOMContentLoaded", () => {

Или другая ошибка в консоли?
Loadырь

А нету никаких ошибок в консоли. Как будто textarea отсутствует на странице.
Можно написать

document.addEventListener("DOMContentLoaded", () => {
$('textarea').on('click', function(){
console.log(123456);
});
});

и тыкать в textarea хоть до посинения — никакой реакции.

#24 4 апреля 2021 в 17:11

Пришлось делать так:
Ris

Зачем? Надо вот так:

<?php ob_start(); ?>
<script>
$(function(){
    $('textarea').on('click', function(){
        console.log(123456);
    });
});
</script>
<?php $this->addBottom(ob_get_clean()); ?>

🛠 docs.instantcms.ru

#25 4 апреля 2021 в 17:38

Зачем?
Fuze

Затем, что я этот код просто виджетом HTML на страницу списка комментариев вывел.
За информацию про ob_start спасибо! Сечас посмотрю, что это вообще такое…

#26 4 апреля 2021 в 20:13

Надо вот так
Fuze

Так и знал, что вы подарите нам виджет "PHP код" в коробке уже в следующем релизе!

Украинский для инстант

#27 5 апреля 2021 в 11:20

Сечас посмотрю, что это вообще такое...
Ris

Что бы понять нужно очень глубокое погружение в облость php laugh

И честно сказать я так и не понял зачем он в шаблоне, если его суть именно в выводе данных в шаблон. Как я понял. И это конечно не сомнение целесообразности использования, а просто мой недостаток знания).

Разработка мобильных приложений

#28 5 апреля 2021 в 12:31

Lora,
Судя по куску кода, который привёл Fuze, и мануалам из интернетов, ob_ это output bufer.
И с содержимым этого буфера можно работать с помощью javascript перед выводом этого содержимого в браузер.

#29 5 апреля 2021 в 12:56

Ris, это просто буферизация вывода, для того, чтобы в данном случае скрипты положить вниз страницы. В модерне все js подключаются внизу страницы, поэтому инлайн js должен идти после их подключения.
Буферизацией также можно добавлять любые HTML блоки на любые позиции шаблона. Т.е. то, что идёт после ob_start() не печатается тут же в браузер, а ob_get_clean() получает всё, что было "напечатано" в коде после ob_start().
Таким образом можно, например, в шаблоне контроллера какой-то блок HTML кода вывести на позицию виджета.

<?php ob_start(); ?>
<div>Произвольный HTML</div>
<?php $this->renderWidgetHtml('pos_name', ob_get_clean()); ?>

🛠 docs.instantcms.ru

Предыдущая
1
2
Показаны 16-29 из 29

Предустановленное значение

Скрытое поле

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

js и modern

Похожие темы

Цвет в блоках виджетов - ряд / колонка (тема modern)

Ищется талантливый верстальщик на базе шаблона modern

[ЗАКРЫТО] Поправка в шаблоне Modern - Статьи

Настройка шаблона Modern

[ЕСТЬ РЕШЕНИЕ] v 2.14

Виджеты и позиции в Modern

InstantCMS Team

О проекте

Поддержка

Дополнения