Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Выбор категорий как на dle-faq.ru

Выбор категорий как на dle-faq.ru


     29.07.2011    категории как на dle-faq, jquery    Все вопросы » jQuery    8702

вопрос
О боже, увидел на Вашем сайте это чудо - нестандартный, удобный выбор категорий!
Как реализовать подобное чудо?

Ответил: ПафНутиЙ


Это jQuery плагин, взят отсюда и доработан под дизайн сайта немного.

UPD:
Берём из скачанного архива файлы:
chosen.jquery.min.js
chosen.css
chosen-sprite.png
chosen-sprite@2x.png
Закидываем файлы на хостинг в соответствующие папки (где у вас там всё - я не знаю), не забываем в css прописать правильные пути к картинкам.

Открываем файл addnews.tpl, и в конец дописываем.
<script type="text/javascript" src="{THEME}папка со скриптом/chosen.jquery.min.js"></script>
<script type="text/javascript"> $("#category").chosen(); </script>


Всё! ни куда, ни в какие php лезть не нужно :))
Отредактировал 4-09-2013, 08:46 - ПафНутиЙ
Причина: удалил нерабочие ссылки

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

AndreY_ZO_o
Юзер

AndreY_ZO_o - 29 июля 2011 11:27 -

Хм... Где, что заменять? what

Heon
Юзер

Heon - 29 июля 2011 12:44 -

Интересно,но врятли напишут инструкию..

Sander
PHP-developer

Sander - 29 июля 2011 13:40 -

Переходим по указанной ссылке, не стестяемся, там листаем вниз до слова Setup.
Устанавливаем, подключаем.
Для активации пишем:
$("#category").chosen();

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

AndreY_ZO_o
Юзер

AndreY_ZO_o - 29 июля 2011 14:24 -

1. Куда вставлять папки "coffee" и "chosen".
2. Для активации, куда вставить строку:
$("#category").chosen();
?
Заменить {category}?
3. Я так понимаю, строка в addnews.php должна выглядеть примерно так:
$cats = "<select name=\"catlist[]\" id=\"category\" onchange=\"onCategoryChange(this.value)\" style=\"width:316px;height:150px;\" multiple class="chzn-select"]>";

ПафНутиЙ
Админ

ПафНутиЙ - 29 июля 2011 14:41 -

ответил в вопросе.

Каков вопрос - таков и ответ. Просто помните об этом.

Heon
Юзер

Heon - 29 июля 2011 15:15 -

ПафНутиЙ,Спасибо.

Подскажите где увиличить размер этого она по горизонтали.

AndreY_ZO_o
Юзер

AndreY_ZO_o - 29 июля 2011 15:23 -

Цитата: ПафНутиЙ
{THEME}


Благодарю! Всё работает на ура! winked

AndreY_ZO_o
Юзер

AndreY_ZO_o - 29 июля 2011 15:26 -

Heon,
В строке
$cats = "<select name=\"catlist[]\" id=\"category\" onchange=\"onCategoryChange(this.value)\" style=\"width:316px;height:73px;\" multiple ]>";

Которая находится в addnews.php

AndreY_ZO_o
Юзер

AndreY_ZO_o - 29 июля 2011 15:27 -

У меня стоит значение 316

Heon
Юзер

Heon - 29 июля 2011 17:18 -

Пробывал,изменять,чистил кеш но все равно таго же размера она.
У меня вот как все жато



Вот картика http://download.hdd.tomsk.ru/preview/qyklwpva.jpg

ПафНутиЙ
Админ

ПафНутиЙ - 29 июля 2011 19:04 -

копайте CSS. все проблемы у вас именно там.

Каков вопрос - таков и ответ. Просто помните об этом.

AndreY_ZO_o
Юзер

AndreY_ZO_o - 29 июля 2011 19:21 -

Ну не знаю, у меня ширина изменилась.

DroT
Юзер

DroT - 9 сентября 2011 08:16 -

У меня перестал работать Ajax в полной новости (рейтинг, жалоба, редактирование), в чем может быть проблема?

ПафНутиЙ
Админ

ПафНутиЙ - 9 сентября 2011 09:32 -

код main.tpl до акрывающего тега head покажите.

Каков вопрос - таков и ответ. Просто помните об этом.

DroT
Юзер

DroT - 9 сентября 2011 19:48 -

Вот:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

ПафНутиЙ
Админ

ПафНутиЙ - 10 сентября 2011 07:46 -

а где теги {haeders] и {ajax} ?

Каков вопрос - таков и ответ. Просто помните об этом.

crysnik
Юзер

crysnik - 23 декабря 2011 21:34 -

Ни чё не понял

Можно поподробнее

ПафНутиЙ
Админ

ПафНутиЙ - 24 декабря 2011 10:28 -

Если ничего не понятно - смело проходите мимо. Установка js-кода на сайт - самое элементарное, что должен уметь любой администратор/вебмастер/блондинка, держащая блог. И так всё подробно написано.

Каков вопрос - таков и ответ. Просто помните об этом.

klaf
Юзер

klaf - 26 декабря 2011 19:42 -

Не фачит :(
выдает весь список категорий разом(т.е. не убираются они), выбирать можно...
конфликта с другими скриптами нет.
хелп плз :)

klaf
Юзер

klaf - 26 декабря 2011 19:50 -

ага, нашел немного другую инструкцию :)
1) Копируем файлы из архива в папку вашего шаблона.
2) В папке вашего шаблона ищем файл addnews.tpl и в самый конец вставляем:

<link rel="stylesheet" href="{THEME}/cat/chosen.css" type="text/css" media="screen, projection" />
<script type="text/javascript" src="{THEME}/cat/chosen.jquery.min.js"></script>
<script type="text/javascript"> $(".chzn-select").chosen(); </script>


3) В файле addnews.php который находиться в папке engine\modules находим:

$cats = "<select name=\"catlist[]\" id=\"category\" onchange=\"onCategoryChange(this)\" style=\"width:316px;height:73px;\" multiple>";


заменяем на:

$cats = "<select name=\"catlist[]\" id=\"category\" onchange=\"onCategoryChange(this.value)\" style=\"width:316px;height:150px;\" multiple class=\"chzn-select\" data-placeholder=\"Выбор категории...\">";

Вуаля :) У меня работает!

ПафНутиЙ
Админ

ПафНутиЙ - 27 декабря 2011 07:58 -

Лечение простуды через задний проход.

Каков вопрос - таков и ответ. Просто помните об этом.

AndreY_ZO_o
Юзер

AndreY_ZO_o - 27 декабря 2011 08:39 -

Это вы к чему? fellow

ПафНутиЙ
Админ

ПафНутиЙ - 27 декабря 2011 21:04 -

к тому, что нафига править php, если скрипт прекрасно работает на уровне шаблона?

Каков вопрос - таков и ответ. Просто помните об этом.

klaf
Юзер

klaf - 27 декабря 2011 17:53 -

Правда пришлось пойти на жертву.
Теперь доп. поля не появляются когда выбираешь категорию, надо что б они все время были.. :(

ПафНутиЙ
Админ

ПафНутиЙ - 27 декабря 2011 21:05 -

в 9.5 такая "система" (как её гордо назвал целсофт) будет в админке. По аналогии прикрутим и к сайту))))

Каков вопрос - таков и ответ. Просто помните об этом.

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

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

наверх