Фильтр HiddenText: различия между версиями
Материал из MoodleDocs
(Переведены заголовки тем) |
|||
Строка 49: | Строка 49: | ||
[[Изображение:HiddenText_example_12.png]] | [[Изображение:HiddenText_example_12.png]] | ||
=== SPAN | === SPAN с описанием === | ||
<nowiki>The American holiday of Thanksgiving is celebrated | <nowiki>The American holiday of Thanksgiving is celebrated | ||
Строка 62: | Строка 62: | ||
[[Изображение:HiddenText_example_22.png]] | [[Изображение:HiddenText_example_22.png]] | ||
=== DIV | === DIV с использованием класса и описания === | ||
<nowiki>Mention capitals of following countries: Canada, Italy, Japan | <nowiki>Mention capitals of following countries: Canada, Italy, Japan |
Текущая версия от 05:12, 3 апреля 2008
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Используя фильтр "HiddenText" учителя могут создавать подсказки для студентов. В них информация изначально скрыта, но как только она понадобится студенту он может ее легко отобразить.
Установка
- Скачайте фильтр с его официальной страницы
- Скопируйте папку hiddentext в папку filter находящуюся в корневой папке Moodle вашего сервера.
- Скопируйте языковые файлы в папку "lang" вашего сервера.
- Включите фильтр на странице "Администрирование/Модули/Фильтры".
Использование
- Напишите текст.
- Заключите ту его часть, которая должна быть изначально скрыта между тегов:
- <span filter="hiddentext">скрытый_текст_здесь</span> или
- <div filter="hiddentext">скрытый_многострочный_текст_здесь</div>
- Используйте тег span если вам нужно скрыть часть текста внутри параграфа и div если текст занимает несколько строк.
- Если для написания текста вы используете HTMLeditor вы можете заключить теги span и div в квадратные скобки и писать их прямо в тексте, не переключаясь в режим редактирования HTML тегов:
- [span filter="hiddentext"]скрытый_текст_здесь[/span]
- Сохраните и посмотрите результат.
Как это работает
- После того как страница загрузилась, все что вы заключили между тегами фильтра исчезнет. В местах где скрыт текст отобразится картинка с глазом.
- Когда студент щелкнет мышью на картинке скрытый текст отобразится.
Дополнительные возможности
Вы можете использовать два необязательных параметра class и desc:
- class - позволяет выбрать CSS стиль для скрытого текста, тем самым сделать его более заметным после отображения
- desc - позволяет указать текстовую строку (описание), которая будет отображена сразу после картинки с глазом. Если параметр desc отстутствует в теге div, то будет использовано стандартное описание из языкового файла. Если описание отсутствует в теге span, то будет отображена только картинка.
Вам доступны следующие стили: hinline, htext, hcode, а также любые стили которые вы добавили в CSS вашей темы оформления Moodle и которые там уже есть!
Не нравятся встроенные стили? Вы можете изменить их или добавить свои в файл yuidomcollapse.css. Пришлите их мне и они станут доступны всем... ;-)
Примеры
Простой тег SPAN
This text is <span filter="hiddentext">very, very, very</span> long.
Изначально отобразится как:
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
После щелчка мыши:
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
SPAN с описанием
The American holiday of Thanksgiving is celebrated on the <span filter="hiddentext" desc="What?">fourth</span> Thursday of November.
Изначально отобразится как:
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
После щелчка мыши:
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
DIV с использованием класса и описания
Mention capitals of following countries: Canada, Italy, Japan <div filter="hiddentext" class="htext" desc="Answer here">Canada - Ottawa Italy - Rome Japan - Tokyo</div>
Изначально отобразится как:
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
После щелчка мыши:
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
См. также
- Скачать фильтр
- Форум посвященный фильтрам
- Поддержка фильтра на немецком языке (спасибо Andy Tagliani)