Не нравятся результаты поиска? Попробуйте другой поиск!

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

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

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

вопрос

Всем привет. Подскажите знающие как можно в 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>

Спасибо

Ответил: Invokerlover

https://harvesthq.github.io/chosen/

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

Юзер

167

ushkom - 2017-08-3024 мая 2020 23:34 - #76169

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

<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 - 2017-08-3024 мая 2020 23:54 - #76170

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


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

Эксперт

775

TeraMoune - 2017-08-3025 мая 2020 09:10 - #76174

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

Юзер

167

ushkom - 2017-08-3025 мая 2020 10:14 - #76176

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

Юзер

167

ushkom - 2017-08-3025 мая 2020 10:19 - #76177

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

Эксперт

775

TeraMoune - 2017-08-3026 мая 2020 07:37 - #76197

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

"Вот кусок js кода из addnews.php"


$('#tags').tokenfield({
    autocomplete: {
       source: dle_root + 'engine/ajax/controller.php?mod=find_tags&user_hash=' + dle_login_hash,
       minLength: 3,
       delay: 500
    },
    createTokensOnBlur:true
});

Юзер

167

ushkom - 2017-08-3026 мая 2020 12:32 - #76202

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

Эксперт

775

TeraMoune - 2017-08-3026 мая 2020 13:32 - #76203

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

Юзер

167

ushkom - 2017-08-3026 мая 2020 14:11 - #76204

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

Эксперт

775

TeraMoune - 2017-08-3026 мая 2020 14:19 - #76205

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

Юзер

167

ushkom - 2017-08-3026 мая 2020 16:09 - #76206

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

Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
Вчера, 17:18

Странный вы, это как минимум в ваших интересах т.к модули с рейтингами для комментариев есть и в паблике, поэтому и хочется посмотреть как это реализовано у вас. Стоимость то не низкая для модуля
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
24-04-2024, 14:14

А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 13:32

Конечно. Пишите в телеграм.
Nimax | Сделать модуль опросы ³

Nimax
Сделать модуль опросы
22-04-2024, 13:17

Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 12:56

Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
22-04-2024, 12:14

А есть скрины или демо как это на фронте выглядит?
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 18:25

Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 13:18

Как преобрести за 9$? на сайте цена другая
Jigurda | Как в description вставить значение доп. ... ²

Jigurda
Как в description вставить значение доп.поля?
19-04-2024, 10:54

Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
lutskboy | Как в description вставить значение доп. ... ²

lutskboy
Как в description вставить значение доп.поля?
18-04-2024, 21:51

https://sandev.pro/web/159-fullstory-metatags-by-sander.html