JS в админке JoomShopping - JoomShopping

Пытаюсь вставить на страницу импорта-экспорта (administrator/components/com_jshopping/views/import_export_list/tmpl/default.php) следующий скрипт
Как это правильно сделать ?

Правильно будет так:

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

А если мне ещё надо добавил новый элемент ?
 
И пытаюсь в него через javascript что-то добавить или его отредктировать
Такое как сделать ?

Как это правильно сделать ?

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

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

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

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

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

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

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