Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как сделать форму добавление тегов в addnews.tpl как в админке?

Как сделать форму добавление тегов в addnews.tpl как в админке?


     24.05.2020    Форма добавления тегов, теги dle    Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), jQuery    941

вопрос
Всем привет. Подскажите знающие как можно в addnews.tpl сделать форму добавления тегов как в админке, то есть написали тег поставили запятую и тег стал как блок. Надеюсь понятно описал. Сейчас форма имеет такой вид:


	<div class="sep-input clearfix">
		<div class="label"><label for="tags">Теги:</label></div>
		<div class="input"><input type="text" name="tags" id="tags" value="{tags}" maxlength="300" autocomplete="off" class="ui-autocomplete-input"></div>
	</div>


Спасибо

11 комментариев

ushkom
Юзер

ushkom - 24 мая 2020 23:34 -

Для категорий я его установил а для тегов не получается, у меня так:

<script type="text/javascript">
$("#category").chosen({no_results_text: "Такой категории нет - "});
$(document.getElementsByName('xfield[prazdniki][]')[0]).chosen();
$(document.getElementsByName('xfield[nacionalnye-kuhni][]')[0]).chosen();
$(document.getElementsByName('xfield[tip-prigotovlenija]')[0]).chosen();
</script>

Invokerlover
Юзер

Invokerlover - 24 мая 2020 23:54 -

Попробуй использовать вот это и инициализируй поле по id

$('#tags').selectpicker();

TeraMoune
Эксперт

TeraMoune - 25 мая 2020 09:10 -

Вот тут $(" ... ") можно перечислять через запятую объекты, классы или id чтобы применить скрипт к нескольких элементам. Или отдельно прописать еще один запуск.

Тестовый репозиторий установки плагинов: teramoune

ushkom
Юзер

ushkom - 25 мая 2020 10:14 -

Так все что вы показываете относится к select а для тегов нужен текстовый input. Может я что то не понял, но по моему это не то.

ushkom
Юзер

ushkom - 25 мая 2020 10:19 -

В админке работает как нужно, как там это собрано?

TeraMoune
Эксперт

TeraMoune - 26 мая 2020 07:37 -

там не chosen стоит, а два плагина.tokenfield c autocomplete, необходимо перенести нужные плагины пользовательский раздел скриптов, в jquery.js в низу разместить tokenfield взятый из application.js, а autocomplete уже есть в обоих местах.

Тестовый репозиторий установки плагинов: teramoune

ushkom
Юзер

ushkom - 26 мая 2020 12:32 -

Спасибо большое, настроил. Появилась еще одна проблема, autocomplete не выводит список похожих результатов а пишет: 1 result is available, use up and down arrow keys to navigate.
А при нажатии стрелки клавиатуры вниз появляется сама подсказка. Как заставить выводить списком результаты? Спасибо.

TeraMoune
Эксперт

TeraMoune - 26 мая 2020 13:32 -

Без понятия, у меня такой проблемы не было

Тестовый репозиторий установки плагинов: teramoune

ushkom
Юзер

ushkom - 26 мая 2020 14:11 -

Действительно в дефолтом шаблоне выпадающий список а в моем так. Не могу найти причину, не подскажите где копать?

TeraMoune
Эксперт

TeraMoune - 26 мая 2020 14:19 -

Скорей всего стили забыли.

Тестовый репозиторий установки плагинов: teramoune

ushkom
Юзер

ushkom - 26 мая 2020 16:09 -

Ели нашел, проблема была в z-index, спасибо Вам.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх