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

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


     29.07.2011    jQuery    5279

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

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


Это 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
28 | 28

AndreY_ZO_o - 29 июля 2011 11:27 - Юзер

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

Heon
6

87 | 84

Heon - 29 июля 2011 12:44 - Юзер

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

Sander
1125

1636 | 1202

Sander - 29 июля 2011 13:40 - Эксперт

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

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

ICQ: 404-037-556
Skype: Sander8804

AndreY_ZO_o
28 | 28

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"]>";

ПафНутиЙ
1063

3392 | 2433

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

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

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

Heon
6

87 | 84

Heon - 29 июля 2011 15:15 - Юзер

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

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

AndreY_ZO_o
28 | 28

AndreY_ZO_o - 29 июля 2011 15:23 - Юзер

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


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

AndreY_ZO_o
28 | 28

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
28 | 28

AndreY_ZO_o - 29 июля 2011 15:27 - Юзер

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

Heon
6

87 | 84

Heon - 29 июля 2011 17:18 - Юзер

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



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

ПафНутиЙ
1063

3392 | 2433

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

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

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

AndreY_ZO_o
28 | 28

AndreY_ZO_o - 29 июля 2011 19:21 - Юзер

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

DroT
4

38 | 36

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

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

ПафНутиЙ
1063

3392 | 2433

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

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

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

DroT
4

38 | 36

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>

ПафНутиЙ
1063

3392 | 2433

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

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

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

crysnik
2

41 | 17

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

Ни чё не понял

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

ПафНутиЙ
1063

3392 | 2433

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

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

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

klaf
1

45 | 40

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

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

klaf
1

45 | 40

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=\"Выбор категории...\">";

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

ПафНутиЙ
1063

3392 | 2433

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

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

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

AndreY_ZO_o
28 | 28

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

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

ПафНутиЙ
1063

3392 | 2433

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

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

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

klaf
1

45 | 40

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

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

ПафНутиЙ
1063

3392 | 2433

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

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

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

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

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