View source for HiddenText filter

[[Image:HiddenText logo.gif|right]]
Using filter "HiddenText" teachers will be able to provide "hints" to students where the information is initially hidden but can easily be revealed by student in any time when he need.

== Installing ==

# Download filter from [http://moodle.org/mod/data/view.php?d=13&rid=1101 download page]
# Copy folder ''hiddentext'' into directory ''filter'' of your Moodle instalation.
# Copy language file into your "lang" directory.
# Enable it from "Administration/Modules/Filters".

== Using ==

# Create your content.
# Enclose every part which you want initially hide between:
#* '''<nowiki><span filter="hiddentext"></nowiki>'''hidden_content_here'''<nowiki></span></nowiki>''' or
#* '''<nowiki><div filter="hiddentext"></nowiki>'''hidden_multiline_content_here'''<nowiki></div></nowiki>'''
# Use ''span'' tag if you want hide path of text inside paragraph and ''div'' if text can take more than one line.
# If you use ''HTMLeditor'' you can type ''span'' and ''div'' tags inside square brackets straight in text without switching to HTML mode:
#* '''[span filter="hiddentext"]'''hidden_content_here'''[/span]'''
# Test it.

== How it works ==

* After page loaded any content between tags hides. In this place will be dislpayed picture with eye.
* When student will click on eye icon hidden text will be displayed.

== Additional information ==

You can use two optional parameters: ''class'' and ''desc'' (description):
* '''class''' - lets you change style of hidden text
* '''desc'''  - lets you change description which displayed after eye icon. If ''desc'' absent in ''div'' tag will be used description from lang file. If description absent in ''span'' tag will be displayed only eye icon.

You available following styles: ''hinline'', ''htext'', ''hcode'' and styles which you add themselves in css of your theme or already there are!

Don't like embedded styles? You can change them in yuidomcollapse.css and send to me... ;-)

== Examples ==

=== Simple SPAN ===

 <nowiki>This text is <span filter="hiddentext">very, very, very</span> long.</nowiki>

Will initially displayed as:

[[Image:HiddenText_example_11.png]]

After click:

[[Image:HiddenText_example_12.png]]

=== SPAN with description ===

 <nowiki>The American holiday of Thanksgiving is celebrated 
on the <span filter="hiddentext" desc="What?">fourth</span> Thursday of November.</nowiki>

Will initially displayed as:

[[Image:HiddenText_example_21.png]]

After click:

[[Image:HiddenText_example_22.png]]

=== DIV with class and description ===

 <nowiki>Mention capitals of following countries: Canada, Italy, Japan
<div filter="hiddentext" class="htext" desc="Answer here">Canada - Ottawa
Italy - Rome
Japan - Tokyo</div></nowiki>

Will initially displayed as:

[[Image:HiddenText_example_31.png]]
    
After click:

[[Image:HiddenText_example_32.png]]

== See also ==

* [http://moodle.org/mod/data/view.php?d=13&rid=1101 Download page]
* [http://moodle.org/mod/forum/view.php?id=1510 Forum about Filters]
* [http://www.elearning-factory.de/moodle/course/view.php?id=28 Support page on German] (thanks to Andy Tagliani)

[[Category:Contributed code]]
[[Category:Filter]]

[[cs:Filtr Skrytý text]]
[[ru:Фильтр HiddenText]]