Differences between revisions 22 and 23

SeeSaw Macro

show hide table-of-contents table-of-contents

Contents

SeeSaw is a MoinMoin macro written by Jim Wight.

Overview

In case that a particular topic is very complex, you might have to provide quite a large amount of information. On the Web, chances are that a user will stop reading any information at all if she gets flooded with too many pieces of information.

A common technique to deal with this problem is to provide only essential information but to allow the user to "show" more information usually represented by a short description.

That's what the MoinMoin macro SeeSaw is designed to do.

Applications

There are three main applications for this purpose:

(Show (and later may be hide) a string of characters within a particular paragraph.
Switch between to different version of a paragraph, for example a "UNIX" and a "Windows" version.
Reveal a (potentially large amount of) text after a click on a kind of short description or header

The first application works "Inline", the other two on a "Section".

These three applications are demonstrated underneath.

Inline Usage

This line contains some »» «« hidden text. Click on the link to show it.

Section Usage

Reveal Text

Show Hide the details the details

Toggle Text

Dyalog Section (show APLX APLX section)

Some details related to Dyalog APL.
This is shown initially. It is hidden and the "APLX" section is displayed when "Show APLX section" is clicked.

Some filling text.

-  ⇤ ← Revision 22 as of 2008-12-12 10:43:39 → 
  Size: 3089
  Editor: KaiJaeger
  Comment:
+   ← Revision 23 as of 2008-12-13 10:42:17 → ⇥
  Size: 3229
  Editor: KaiJaeger
  Comment:
-Deletions are marked like this.
+Additions are marked like this.
 Line 2:
+<<SeeSaw(section="toc", show=True, toshow="<<show>> table-of-contents", tohide="<<hide>> table-of-contents")>>

{{{#!wiki seesaw/toc/show
<<TableOfContents>>
}}}
-Line 52:
+Line 61:
-'''Dyalog Section'''}}}
+'''Dyalog Section''' (show <<SeeSaw(section="example3", toshow="APLX")>> section)
-Line 54:
+Line 63:
-{{{#!wiki  seesaw/example3/hide
'''APLX Section'''}}}
-Line 57:
+Line 64:
-<<SeeSaw(section="example3", toshow="(Show <<APLX>> section)", tohide="(Show <<Dyalog>> section)", bg="#FFFFDD")>>
-Line 59:
+Line 65:
-{{{#!wiki seesaw/example3/show
-Line 65:
+Line 70:
+'''APLX Section''' (Show <<SeeSaw(section="example3", toshow="Dyalog")>> section)
-Line 68:
+Line 77:
+Some filling text.