1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 192 Просмотров
*

leha111

  • Захожу иногда
  • 198
  • 0 / 0
JS в админке JoomShopping
« : 02.06.2019, 07:21:14 »
Пытаюсь вставить на страницу импорта-экспорта (administrator/components/com_jshopping/views/import_export_list/tmpl/default.php) следующий скрипт
Код
<script>
    function startare() {
        let adminForm = document.querySelector("adminForm");
        adminForm.style.display = "none";
    }
    window.DOMContentLoaded=startare();
</script>
Как это правильно сделать ?
Записан
*

varX

  • Завсегдатай
  • 1999
  • 126 / 5
  • разработка компонентов
Re: JS в админке JoomShopping
« Ответ #1 : 02.06.2019, 16:27:53 »
Правильно будет так:
Код
<script>
   document.addEventListener("DOMContentLoaded",function () {
       document.forms.adminForm.style.display = "none";
   });
</script>

При этом, вы должны быть уверены, что скрипт выводится на страницах, где точно есть adminForm. Иначе, по другому немного будет.
Записан
*

leha111

  • Захожу иногда
  • 198
  • 0 / 0
Re: JS в админке JoomShopping
« Ответ #2 : 13.06.2019, 07:54:16 »
А если мне ещё надо добавил новый элемент ?
 
Код
<?php print $this->tmp_html_end.'<form class="newelem" enctype="multipart/form-data" action="/administrator/components/com_jshopping/views/import_export_list/tmpl/Otzivi/Otzivi.php" method="POST">
            
        </form>'?>
</div>

И пытаюсь в него через javascript что-то добавить или его отредктировать
Код
<script>
    function startare() {
        let newelem = document.querySelector(".newelem");
       newelem.style.width = "100px";
 newelem.innerHtml="<input type='file' name='f'>"
    }
    window.DOMContentLoaded=startare();
</script>
Такое как сделать ?
« Последнее редактирование: 13.06.2019, 07:58:30 от leha111 »
Записан
*

D. Tkachenko

  • Новичок
  • 15
  • 3 / 0
Re: JS в админке JoomShopping
« Ответ #3 : 13.06.2019, 11:37:30 »
Цитата: leha111 от 02.06.2019, 07:21:14
Как это правильно сделать ?

Элегантней и лучше использовать jQuery. Причина простая - он автоматически включен в ядро CMS Joomla. Таким образом, когда вы пишите код на чистом JavaScript вы не уменьшаете количество кода, а только увеличиваете его. Ко всему, по незнанию, наворотите своих костылей с потерей поддержки в разных версиях браузеров и множеством возможных ошибок.

Запомните главное! Никогда не оставляйте функцию/переменные в глобальной области видимости! Вы не можете быть на 100% уверены, что их кто-то до вас уже не определил в коде с таким же именем. В итоге вы получите массу проблем из-за переопределения.

Всегда используйте обвертки типа:

jQuery( document ).ready(function($) {
    // ваш код
});

или самовызывающиеся функции:

(function(){
    // ваш код
}());

Или другое в зависимости от потребности. Главное делайте так, чтобы ваши объекты/функции/переменные не являлись глобальными.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Критическая ошибка JoomShopping в списке заказов

Автор D. Tkachenko

 Ответов: 15
Просмотров: 300 		Последний ответ 14.06.2019, 15:11:41
от D. Tkachenko
Helix ultimate + JoomShopping

Автор labatsevich

 Ответов: 32
Просмотров: 239 		Последний ответ 14.06.2019, 14:38:52
от labatsevich
Количество штук в упаковке JoomShopping

Автор sterveo

 Ответов: 6
Просмотров: 84 		Последний ответ 06.06.2019, 16:16:18
от sterveo
Убирать товар с сайта после подтверждения (Joomshopping)

Автор McCafferty

 Ответов: 5
Просмотров: 139 		Последний ответ 28.05.2019, 21:40:02
от dmitry_stas
Электронный товар в JoomShopping

Автор kik84

 Ответов: 53
Просмотров: 6225 		Последний ответ 23.05.2019, 17:43:36
от OlegNKor