Подскажите, кто знает, чем создается разворачивающийся список категорий курсов, такой как на сайте http://moodle.insa-lyon.fr/.
Еще меня удивило, что на этот французский сайт я зашел впервые, не регистрировался, а часть интерфейса уже на русском языке. Причем, наблюдается это только в Firefox. Как это можно объяснить?
Как это чинить я не знаю, но знаю, что есть блок, который отображает курсы, на которые записан студент в таком виде:
Кто-нибудь установил ajax-treeview. Поделитесь пожалуйста результатами. Может вы используете другие способы для работы с большим количеством категори?
Может кто нибудь поможет правильно оформить этот код
printf(« <script src=\ »%s/treeview.js\ » type=\ »text/javascript\ »></script>\n »,
« lib/dbtreeview »);
printf(‘<link href= »%s/treeview.css » rel= »stylesheet » type= »text/css » media= »screen »/>’. »\n »,
« lib/dbtreeview »);
Виталий, может проще не париться со второй строкой, а просто из файла treeview.css перенести стили в файл styles_layout.css вашей темы и не подключать его в индекс.рнр.
Тогда и этот баг исчезнет - "link должен быть внутри элемента head, а в коде страницы он попадет в body".
Айдар, Виталий правильно код написал, только картинкой выложил
А по поводу - "Самое главное что на их сайте все работает!" - так у них на сайте и тема соответствующая используется, называется cyberlearn. Вы же не знаете стили их темы (тот же styles_layout.css, из кот. ТОЖЕ используются стили и классы и для этого списка категорий/курсов), поэтому и определить, где это выравнивание указывается, сложно.
В коде нет ссылок на стиль treeview.css. Он им не пользуется. Удалил класс .categorylist в файле styles_layout.css.
Результат есть , но надо будет сделать "правильно".
В принципе да, так работает! Но потом криво отображаются курсы уже в списке курсов при редактировании. Если вас не затруднит, не могли бы вы выложить работающий вариант?
link должен быть внутри элемента head, а в коде страницы он попадет в body
То есть у вас выравнивание тоже не работает! Та же проблема! Самое главное что на их сайте все работает!
Ну что, вернемся к нашему "дереву"?
Как и говорилось ранее, необходимо в стиль используемой на сайте темы вносить дополнения в файл styles_layout.css (если в вашей теме нет такого файла, то создайте его и подключите в файле темы config.php. Не путать с основным конфигурационным файлом!). Подключать так (пример из темы formal_white): $THEME->sheets = array('fw_layout','fw_color','fw_fonts'); т. е. тут подключены 3 файла - стили, цвета, шрифты.
Сначала все делаем по уже известной инструкции (см. ссылки в предыдущих сообщениях).
Стили из treeview.css я все-таки перенес в основной файл стилей styles_layout.css, чтоб убить тег "link" в теле HTML
Теперь, собственно, о стилях, кот. нужно прописать в styles_layout.css (можно скопипастить):
| .categorylist { height: 22px; margin-left: auto; margin-right: auto; width: 98%; } .categorylist .category.name { vertical-align: middle; } .categorylist .category.image { background: url("pix/i/course.gif") no-repeat scroll center center transparent; width: 24px; } .categorylist .course.name { vertical-align: middle; width: auto; } .categorylist .course.info { background-image: none; text-align: right; width: 80px; } .categorylist .node { background: url("pix/ftv2node.gif") no-repeat scroll center center transparent; height: 22px; width: 16px; } .categorylist .lastnodeCat { background: url("pix/ftv2lastnodeCat.gif") no-repeat scroll center center transparent; height: 22px; width: 16px; } .categorylist .lastnode { background: url("pix/ftv2lastnode.gif") no-repeat scroll center center transparent; height: 22px; width: 16px; } .categorylist .course.image { background: url("pix/i/course1.gif") no-repeat scroll center center transparent; width: 24px; } .categorylist .category.number { text-align: left; } .categorylist .vertline { background: url("pix/ftv2vertline.gif") repeat-y scroll center top transparent; height: 22px; width: 16px; } .categorylist .novertline { background: url("pix/ftv2blank.gif") repeat-y scroll center top transparent; height: 22px; width: 16px; } .categorylist .ftv2mnode { background: url("pix/ftv2mnode.gif") no-repeat scroll left top transparent; height: 22px; width: 16px; } |
Можно поиграться с параметрами стилей, т. к. даже размер шрифта оказывает влияние на вид "дерева".
Важно: Не забудьте после распаковки архива ajax-treeview.zip на сайт пройтись по файлам и заменить название темы cyberlearn на название вашей темы!
Что получилось у меня - смотрите на рисунке:
Good luck!
Пара замечаний к предыдущему сообщению:
Инструкция по установке разворачивающегося списка курсов
Вадим, Огромное спасибо за подробное объяснение и инструкцию. Все отлично работает.
У меня тоже заработало. Спасибо, Вадим!
Но, если не трудно, скажите: как сделать выравнивание категорий не по центру, а влево? И как сделать показ количества курсов в категориях? Как сделать показ направляющих вертикальных линий как в СДО ПГТУ при развертывании категорий?
Похоже, дело в моей теме aardvark_liteheaded. В некоторых темах работает не правильно.
>> как сделать выравнивание категорий не по центру, а влево
>> Как сделать показ направляющих вертикальных линий
Все это прописано в файле стилей, кот. находится в архиве моего сообщения с инструкцией. Если Вы скопировали его содержимое и вставили в файл style_layout.css своей темы, то все должно отображаться красиво. Если у Вас в теме нет этого файла, создайте его и подключите в конфигурационном файле темы config.php: название файла должно быть в строке (пример) $THEME->sheets = array('хх_layout','хх_color','хх_fonts');
Работать обязано в ЛЮБОЙ теме оформления. В тех. детали вдаваться не буду.
Уточнить причину в Вашем случае помог бы скриншотик.
>> как сделать показ количества курсов в категориях?
Только внесением изменений в код. На досуге попробую сделать. Обязательно выложу сюда.
Всем спасибо за "СПАСИБО". Рад, что помогло и что пользуетесь.
Да, Вадим. Все получилось замечательно. И помогло и пользуемся! Можете посмотреть результат. Спасибо за оперативный ответ.
Вадим, спасибо Вам!
Rate: Помогло!
Добрый вечер! А как можно вставить данный список не на главную страницу, а на страницу курсы? Или такой возможности нет?
Сделал все по инструкции, а при заходе на сайт выскакивает js alert с ошибкой: badServerResponse. С чем это может быть связано?
Но при этом поставил на домашнем компе- все работает. В чем проблема?
Догадайтесь с трех раз
На удаленном сервере не работает, дома (локально) - работает.
Значит, проблема в настройках сервера, о котором нам неизвестно ни капли. Как отвечать? Гадать на кофейной гуще?
Дайте подробную информацию о сервере, на котором не работает (пароли не нужно )
ЗЫ: Помнится, кто-то, когда-то жаловался, что такая ошибка появлялась, когда на сервере включено gzip-сжатие страниц. Поищите тему.
Какая конфигурация требуется? phpinfo? Сравнил gzip на неработающем и работающем...Везде стоят 3 опции:
HTTP_ACCEPT_ENCODING
Accept-Encoding
_SERVER["HTTP_ACCEPT_ENCODING"]
Значение всех: gzip
Вадим, здравствуйте.
Все сделал так, как описано выше - я о разворачивающемся списке! все получилось, но почему-то изменился цвет темы... (тема: metal)! что делать?
Паша, установка "разворачивающегося списка" не может изменить ни цвет темы, ни саму тему оформления. Вспоминайте, может сами случайно тему поменяли при "манипуляциях" со списком?
что делать?
В админке руками установить тему, которая была раньше.
Для Вячеслав Козлов: Вы, случайно, не IE9 используете? Это в нем выбивает ошибку при обработке генерирующегося java-скриптом xml-файла. Нужно включать режим совместимости, тогда эта ошибка не появляется и всё работает нормально. Сорри за поздний ответ
Спасибо огромное!!!!
Работает!!!
Использовал Вашу рекомендацию. Все получилось и работает отлично.
При поиске удалось найти только архив ajax-treeview.rar
А так все очень хорошо!
Применима ли "Инструкция по установке разворачивающегося списка курсов" (Vadimа Tabunshchikа) для moodle 2.2?
Применима ли "Инструкция…" для moodle 2.2?
Нет, а зачем Вам это нужно в 2.2?
Выберите в настройках главной страницы "Комбинированный список" отображения списка курсов и будет Вам счастье:
Разворачивается и сворачивается всё не хуже, чем после "плясок с бубном" в версии 1.9, причем, БЕЗ всякого вмешательства в исходный код.
а как можно сделать, чтобы комбинированный список в moodle 2 был по-умолчанию свернут?
а как можно сделать, чтобы комбинированный список в moodle 2 был по-умолчанию свернут?
Сергей, вот Вы "любопытный"! Я в хорошем смысле этого слова
Пришлось "порыться" в исходниках Мудл 2.2.3, чтоб удовлетворить Ваш "запрос".
Итак: за формирование списка категорий, подкатегорий и курсов в "Комбинированном списке" отвечают функции сourse_category_tree(…) и course_category_tree_category(…) в файле moodle/course/renderer.php. Найдено в итоге "тщательного исследования" moodle/index.php - case FRONTPAGECATEGORYCOMBO, строка 235: echo $renderer->course_category_tree(get_course_category_tree());
Находите в описании protected function course_category_tree_category файла moodle/course/renderer.php строки
if ($hassubcategories || $hascourses) {
$classes[] = 'with_children';
if ($depth > 10) { // меняте 1 (один) на 0 (ноль)
Пробуйте
Круто!
большое Вам спасибо от лица всех "любопытных"!
В 2.2.4 я эти строки нашел и поменял. Спасибо большое за наводку!
А, вот, где найти этот параметр в 2.5?
в файле moodle/index.php - case FRONTPAGECATEGORYCOMBO - это строка 263:
echo html_writer::tag('a', get_string('skipa', 'access', textlib::strtolower(get_string('courses'))), array('href'=>'#skipcourses', 'class'=>'skip-block'));
И где там ловить куда идти дальше, я если честно, не понял.