Recent Changes - Search:

ChuckG Wiki Home

ChuckG Page List

APCU Wiki Home

APCU's web Home - Leave this wiki

Page Categories

Wiki Tools (restricted)

Basic Editing

My SandBox

(Try things)

APCU SandBox

(Try things)

pmwiki-2.2.62
PHP: 5.5.38

edit SideBar

My Wiki Sandbox

Loading . . .

/ all subjects.  

Test lines beginning with Q: or A:

\\

Q: Question

A: Answer


Question

Answer


all subjects.  

Test preventing text from wrapping around bordered images:

(seqn before all markups: 9)

(:comment Numbering PTV requires MarkupExprPlus recipe. :)
(:seqn: {(set n (add {$n} 1))}:){(setq n 0)}
\\
{$:seqn}. Before image
%lfloat width=200px border="double blue" margin="5pt 25pt"% Attach:20100909.jpg %%
(:div style="clear:both;":)
(:divend:)
After image


1. Before image

After image

\\
{$:seqn}. Before image
>>lfloat border="double blue" margin="5pt 25pt"<<
%width=200px%Attach:20100909.jpg%%
>><<
(:div style="clear:both;":)
(:divend:)
After image


2. Before image

After image

\\
{$:seqn}. Before image
(:div:) %apply=div center border="double blue" margin=5pt %
%width=200px%Attach:20100909.jpg%%
(:divend:)
After image


3. Before image

After image

\\
{$:seqn}. Before image
(:div:) %apply=div center border="double blue" margin=5pt width=50pct %
%width=200px%Attach:20100909.jpg%%
(:divend:)
After image


4. Before image

After image

\\
{$:seqn}. Before image
>>center border="double blue" margin=5pt width=200px <<
%width=200px%Attach:20100909.jpg%%
>><<
After image


5. Before image

After image

\\
{$:seqn}. Before image
(:div33 style="width:200px; margin:5px auto 7px; border:double blue; text-align:center;":)
%width=200px%Attach:20100909.jpg%%\\
'''''This is me'''''
(:div33end:)
%center%'''''Still me'''''%%


6. Before image


This is me

Still me

\\
{$:seqn}. Before image
>>cframe width=250px margin-top=5px margin-bottom=7px border="double blue"<<
%width=200px%Attach:20100909.jpg"Picture of Chuck" | Chuck G%%\\\
Yup, it's me!
>><<
After image


7. Before image

Picture of Chuck
Chuck G

Yup, it's me!

After image

\\
{$:seqn}. Before image
%apply=img width=200px border="double blue" margin="5pt 25pt"% Attach:20100909.jpg %%
After image


8. Before image

After image

(seqn after all markups: 10)


all subjects.  

Emphasis and links:

double

triple 'four' five 'six' seven

APCU Chuck G
APCUChuck G


all subjects.  

Preformatting:

Using leading line spaces, blank line, no explicit line breaks:

 Preformatted   '''preformatted'''? Title: {$Title}; Titled link: [[{$Name} | + ]]
Preformatted   '''preformatted'''? Title: {$Title}; Titled link: [[{$Name} | + ]]

[@
 Preformatted   '''preformatted'''? Title: {$Title}; Titled link: [[{$Name} | + ]]
@]

 Preformatted   preformatted?
Preformatted   preformatted?
 Preformatted   preformatted? Title: My Wiki Sandbox; Titled link: My Wiki Sandbox

Preformatted preformatted? Title: My Wiki Sandbox; Titled link: My Wiki Sandbox

 Preformatted   '''preformatted'''? Title: {$Title}; Titled link: [[{$Name} | + ]]
 Preformatted   preformatted?

Preformatted preformatted?

[++bigger++][=Prevent formatting [++bigger++] =] [++bigger++]

biggerPrevent formatting [++bigger++] bigger

[@Pre   formatted@]   Not   preformatted.

Pre formatted Not preformatted.

[@
Pre   formatted
@]
Not   preformatted.
Pre   formatted

Not preformatted.

>>pre<<Pre   formatted
>><<   Not   preformatted.
Pre formatted
Not preformatted.
Not   monospaced   @@mono   spaced@@   not   monospaced.

Not monospaced mono spaced not monospaced.

>>pre<<[@Now   is   the   time
for   all   good   men.@]
>><<
Now   is   the   time
for   all   good   men.


all subjects.  

Intermixing divs and ordered lists:

  1. One
  2. One
  1. Two
  2. Two
  1. One
  2. One


all subjects.  

Toggle Master Control:

markup.  

Test show/hide all, 'class' toggles

For toggles to work, please enable Javascript in your browser settings.

%define=ctlitem margin="8px 0" %
(:div:) %apply=div ctlitem %
(:toggle hide show="Show" hide="Hide" tags=exmarkup "example0.markup1" nojs=1:) this example's markup.
-> [-''Toggle id is "example0.markup1" (class "markup1" inside element with id "example0".''-]
(:divend:)

this example's markup.

Toggle id is "example0.markup1" (class "markup1" inside element with id "example0".

(:div:) %apply=div ctlitem %
(:toggle showtags=exmarkup label=Show nojs=1:) / (:toggle hidetags=exmarkup label=Hide nojs=1:) all toggle example markup. &nbsp;
-> [-''Uses ''showtags=exmarkup'', a tag assigned in all "''Show markup''" toggles.''-]
(:divend:)

/ all toggle example markup.  

Uses showtags=exmarkup, a tag assigned in all "Show markup" toggles.

(:div:) %apply=div ctlitem %
(:toggle show label="Show" all nojs=1:) / (:toggle hide label="hide" all nojs=1:) all individually toggled items.
-> [-''Uses convenience toggle id "all" (short for ''showtags="_all"'', a tag assigned to all toggled element ids).''-]
(:divend:)

/ all individually toggled items.

Uses convenience toggle id "all" (short for showtags="_all", a tag assigned to all toggled element ids).

(:div2:) %apply=div ctlitem %
(:div style="float:left; text-align:right;" :)
Toggle all non-toggle example markup: (:toggle show="[show markup]" hide="[hide markup]" ".nontoggle.markup1" nojs=1:) \\
The same class toggle as a button: (:toggle show="show markup" hide="hide markup" button=1 ".nontoggle.markup1" nojs=1:) 
(:divend:)
(:div style="clear:both;":)
-> [-''Toggle id is ".nontoggle.markup1" (class "markup1" inside elements with class "nontoggle".''-]
(:divend:)
(:div2end:)

Toggle all non-toggle example markup:
The same class toggle as a button:

Toggle id is ".nontoggle.markup1" (class "markup1" inside elements with class "nontoggle".

(:div:) %apply=div ctlitem %
''Notes:''
* ''All''[@ (:markup:)@]''s for the toggle examples are surrounded by'' \\
[@(:div50 id=example@]'''''n'''''[@ style="clear:both;":) @]''and''[@ (:div50end:)@].\\
''Their "''Show markup''" toggles assign a tag of "''exmarkup''".''
* ''All''[@ (:markup:)@]''s for the '''non'''-toggle examples are surrounded by'' \\
[@(:div50 class=nontoggle:) @]''and''[@ (:div50end:)@].
(:divend:)

Notes:

  • All (:markup:)s for the toggle examples are surrounded by
    (:div50 id=examplen style="clear:both;":) and (:div50end:).
    Their "Show markup" toggles assign a tag of "exmarkup".
  • All (:markup:)s for the non-toggle examples are surrounded by
    (:div50 class=nontoggle:) and (:div50end:).


all subjects.  

Test tags, multiple toggles to same object, alt text, cookies:

markup.  

For toggles to work, please enable Javascript in your browser settings.

>>class=hover_uline<<
(:toggle showtags=lev2 label="show" nojs=1:)/(:toggle hidetags=lev2 label="hide" nojs=1:) level 2
&nbsp; &nbsp; &nbsp;
(:toggle showtags="lev2,lev3" label="show" nojs=1:)/(:toggle hidetags="lev3" label="hide" nojs=1:) level 3
&nbsp; &nbsp; &nbsp;
(:toggle showtags="levall" label="show" nojs=1:)/(:toggle hidetags="levall" label="hide" nojs=1:) all
>><<
# One %list red%
# One (:toggle hide show="+" hide="-" button="1" set="1" tags="lev2,levall" CGWS_L002 L002alt nojs=1:) \
&nbsp; A second toggle for the same thing: (:toggle CGWS_L002 hover=1 nojs=1 :)
## Two %list id=CGWS_L002 blue border-left="thin solid #bbb"% (:toggle hide show="+" hide="-" button="1" set="1" tags="lev3,levall" CGWS_L003 nojs=1:)
### Three %list id=CGWS_L003 border-left="thin solid #bbb"%
### Three
## Two
  (:toggle show="" CGWS_L002 nojs=1:)
# One (:toggle hide show="+" hide="-" button="1" set="1" tags="lev2,levall" CGWS_L002b nojs=1:) \
&nbsp; A second toggle for the same thing: (:toggle CGWS_L002b hover=1 nojs=1 :)
## Two %list id=CGWS_L002b blue border-left="thin solid #bbb"% (:toggle hide show="+" hide="-" button="1" set="1" tags="lev3,levall" CGWS_L003b nojs=1:)
### Three %list id=CGWS_L003b border-left="thin solid #bbb"%
### Three
## Two
  (:toggle show="" CGWS_L002b nojs=1:)
# One

(:div id=L002alt:) Alternate text for 2. One
(:divend:)

/ level 2       / level 3       / all

  1. One
  2. One   A second toggle for the same thing:
    1. Two
      1. Three
      2. Three
    2. Two
  3. One   A second toggle for the same thing:
    1. Two
      1. Three
      2. Three
    2. Two
  4. One
Alternate text for 2. One


all subjects.  

Attempt to align toggles:

markup.  

For toggles to work, please enable Javascript in your browser settings.

* @@&nbsp; @@One %list red%
* @@(:toggle hide show="+" hide="-" button="0" L004 nojs=1:) @@ One
** %list id=L004 blue border-left="thin solid blue" list-style=none% @@(:toggle hide show="+" hide="-" button="0" L005 nojs=1:) @@ Two
*** %list id=L005 border-left="thin solid blue" list-style=none%@@&nbsp; @@Three first\\
Three second
*** @@&nbsp; @@Three
** @@&nbsp; @@Two
* @@&nbsp; @@One
* @@&nbsp; @@One
  •   One
  • One
    • Two
      •   Three first
        Three second
      •   Three
    •   Two
  •   One
  •   One


all subjects.  

Test 'classless' toggle groups:

markup.  

For toggles to work, please enable Javascript in your browser settings.

(:comment Note that the toggle group parameter begins with a colon :)
(:toggle group=":grp1" grp1-1 nojs=1:) Item 1:
(:div id="grp1-1":)
This is the content \\
of item 1.
(:divend:)
(:toggle group=":grp1" grp1-2 nojs=1:) Item 2:
(:div id="grp1-2":)
This is the content \\
of item 2.
(:divend:)

Item 1:

This is the content
of item 1.

Item 2:

This is the content
of item 2.


all subjects.  

Test 'class' toggles in 'classless' toggle groups with tags:

markup.  

For toggles to work, please enable Javascript in your browser settings.

(:comment Note that the toggle group parameter begins with a colon :)
(:div10 class=hover_uline:)
[-''\
(:toggle showtags=grp2all label="Show all" nojs=1:) &nbsp; \
(:toggle hidetags=grp2all label="Hide all" nojs=1:) &nbsp; \
''-]\\
(:toggle group=":grp2" .grp2-1 tags=grp2all nojs=1:) class grp2-1:
(:div class="grp2-1":)
This is some content \\
of class grp2-1.
(:divend:)
(:toggle group=":grp2" .grp2-2 tags=grp2all nojs=1:) class grp2-2:
(:div class="grp2-2":)
This is some content \\
of class grp2-2.
(:divend:)
(:toggle .grp2-1 nojs=1:) class grp2-1:
(:div class="grp2-1":)
This is more content \\
of class grp2-1.
(:divend:)
(:toggle .grp2-2 nojs=1:) class grp2-2:
(:div class="grp2-2":)
This is more content \\
of class grp2-2.
(:divend:)
(:div10end:)

   
class grp2-1:

This is some content
of class grp2-1.

class grp2-2:

This is some content
of class grp2-2.

class grp2-1:

This is more content
of class grp2-1.

class grp2-2:

This is more content
of class grp2-2.


all subjects.  

Test 'class' toggles that target non-block items:

markup.  

For toggles to work, please enable Javascript in your browser settings.

(:comment Note that the toggle group parameter begins with a colon :)
(:div10 class=hover_uline:)
[-''\
(:toggle showtags=grp3all label="Show" nojs=1:)/\
(:toggle hidetags=grp3all label="Hide" nojs=1:) all &nbsp; \
(:toggle .grp3-1 show="show only" hide=hide group=":grp3" tags=grp3all nojs=1:) "one" &nbsp; \
(:toggle .grp3-2 show="show only" hide=hide group=":grp3" tags=grp3all nojs=1:) "two" &nbsp; \
(:toggle .grp3-3 show="show only" hide=hide group=":grp3" tags=grp3all nojs=1:) "three" \
''-]
(:div10end:)
(:div:)
Testing%grp3-1% one%grp3-2% two%grp3-3% three%%.
(:divend:)
(:div:)
Testing%grp3-1% one%grp3-2% two%grp3-3% three%%.
(:divend:)
(:div10 class=hover_uline:)
[-''\
(:toggle showtags=grp3all label="Show" nojs=1:)/\
(:toggle hidetags=grp3all label="Hide" nojs=1:) all &nbsp; \
(:toggle .grp3-1 show="show only" hide=hide nojs=1:) "one" &nbsp; \
(:toggle .grp3-2 show="show only" hide=hide nojs=1:) "two" &nbsp; \
(:toggle .grp3-3 show="show only" hide=hide nojs=1:) "three" \
''-]
(:div10end:)

/ all   "one"   "two"   "three"

Testing one two three.

Testing one two three.

/ all   "one"   "two"   "three"


all subjects.  

Various:

Number of toggles is .

XXX, $XXX, .

  1. Start with level 2
    1. level 3
  2. more level 2
  1. End with level 1

  1. Start with level 1
    1. Skip to level 3
      1. level 4
    2. more level 3
    1. End with level 2

Page Variables
FullName:ChuckG.WikiSandbox
Name:WikiSandbox
Titlespaced:My Wiki Sandbox
Title :My Wiki Sandbox
Titled link:My Wiki Sandbox
The ftime function
 {(ftime)}
 {(ftime fmt="%B %d, %Y, at %I:%M %p")}
 {(ftime fmt="%B %d, %Y, at %I:%M %p %z")}
 {(ftime fmt="%B %d, %Y, at %I:%M %p %Z")}


 September 26, 2017, at 04:43 PM CDT
 September 26, 2017, at 04:43 PM
 September 26, 2017, at 04:43 PM -0500
 September 26, 2017, at 04:43 PM CDT
(:attachlist *:)
(:attachlist APCU:)
(:attachlist:)
'Path:' Links
[[Path:/pmwikitest/pub/APCU.mm]] \\
[[Path:../pub/APCU.mm]] \\
[[Path:uploads/Site/icon_rss.gif]]

Path:/pmwikitest/pub/APCU.mm
Path:../pub/APCU.mm
Path:uploads/Site/icon_rss.gif

Images used in toggles of lists
Path:uploads/Site/arrowR.png Now is the time \\
Path:uploads/Site/arrowU.png Now is the time \\
Path:uploads/Site/arrowD.png Now is the time \\
Path:uploads/Site/dot.png Now is the time
Now is the time
Now is the time
Now is the time
Now is the time



all subjects.  

Test toggles using divs and images instead of unordered lists:

markup.  

For toggles to work, please enable Javascript in your browser settings.

%define=newsbtn float=left %
%define=newstext padding-left=20px %
%define=newssubt border-left="thin solid #99c" border-bottom="thin solid #99c" %
%define=newshdln font-weight=700%
(:div100 style="width:50%; border:thin solid #444; padding:12px" :)
%newsbtn%(:toggle hide hover=1 show="Site/arrowR.png" hide="Site/arrowD.png" Item1 nojs=1:) &nbsp;%% 
(:div1:) %apply=div newstext %
%newshdln%Now is the time \
for all good men to come to the aid of their country...%%
(:div11 id=Item1 :)
%newsbtn%(:toggle hide hover=1 show="Site/arrowR.png" hide="Site/arrowD.png" Item1a nojs=1:) &nbsp;%% 
(:div2:) %apply=div newstext newssubt %
%newshdln%Now is the time \
for all good men to come to the aid of their country...%%
(:div21 id=Item1a :) %apply=div newstext newssubt %
... and the quick brown fox jumped over the lazy dog's back.
(:div21end:)
(:div2end:)
(:div11end:)
(:div1end:)
(:div100end:)

 

Now is the time for all good men to come to the aid of their country...

 

Now is the time for all good men to come to the aid of their country...

... and the quick brown fox jumped over the lazy dog's back.


all subjects.  

Test Image Toggles and 'Classless' Toggle Group:

markup.  

For toggles to work, please enable Javascript in your browser settings.

%define=itembtn float=left class="togs_hover_bg_ltgreen togs_disabled_dim" %
%define=itemtext padding-left=20px %
(:comment The class parameter is no longer necessary :)
%define=itemsubt padding-left=4px margin-bottom=10px %
%define=itembrdr %
%define=itemhdln font-weight=700%
(:comment Note that the toggle group parameter begins with a colon :)
(:togparms:hide show="Site/arrowR.png" hide="Site/arrowD.png" group=":newsgrp":)
(:div100 style="width:50%; border:thin solid #444; padding:12px" :)
>>togs_hover_uline togs_disabled_dim<<
[-''\
(:toggle .showbtn tags=showbtn label="":)%showbtn%\
(:toggle showtags=lvl1,hidebtn hidetags=showbtn label="Show all" ttshow="Show all" nojs=1:) &nbsp; \
%%(:toggle .hidebtn hide tags=hidebtn label="":)%hidebtn%\
(:toggle hidetags=lvl1,hidebtn showtags=showbtn label="Hide all" tthide="Hide all" nojs=1:) &nbsp; \
%%\
Show only \
(:toggle hidetags=even showtags=odd label=odd  ttshow="Only odd"  nojs=1:) or \
(:toggle hidetags=odd showtags=even label=even ttshow="Only even" nojs=1:)\
''-]
>><<
%p itembtn%(:toggle {$:togparms} tags="lvl1,odd" NEWSA01 nojs=1:) &nbsp;
(:div11:) %div itemtext %
%p itemhdln%[=News article number 1=]
(:div12 id=NEWSA01 :) %div itemsubt itembrdr %
[=Now is the time for all good men to come to the aid of their country.  The quick brown fox jumped over the lazy dog's back.=]
(:div12end:)
(:div11end:)
%p itembtn%(:toggle {$:togparms} tags="lvl1,even" NEWSA02 nojs=1:) &nbsp;
(:div11:) %div itemtext %
%p itemhdln%[=News article number 2=]
(:div12 id=NEWSA02 :) %div itemsubt itembrdr %
[=Now is the time for all good men to come to the aid of their country.  The quick brown fox jumped over the lazy dog's back.=]
(:div12end:)
(:div11end:)
%p itembtn%(:toggle {$:togparms} tags="lvl1,odd" NEWSA03 nojs=1:) &nbsp;
(:div11:) %div itemtext %
%p itemhdln%[=News article number 3=]
(:div12 id=NEWSA03 :) %div itemsubt itembrdr %
[=Now is the time for all good men to come to the aid of their country.  The quick brown fox jumped over the lazy dog's back.=]
(:div12end:)
(:div11end:)
%p itembtn%(:toggle {$:togparms} tags="lvl1,even" NEWSA04 nojs=1:) &nbsp;
(:div11:) %div itemtext %
%p itemhdln%[=News article number 4=]
(:div12 id=NEWSA04 :) %div itemsubt itembrdr %
[=Now is the time for all good men to come to the aid of their country.  The quick brown fox jumped over the lazy dog's back.=]
(:div12end:)
(:div11end:)
(:div100end:)

    Show only or

 

News article number 1

Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy dog's back.

 

News article number 2

Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy dog's back.

 

News article number 3

Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy dog's back.

 

News article number 4

Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy dog's back.


all subjects.  

Test rotating toggles:

For toggles to work, please enable Javascript in your browser settings.

Toggle among four items using the new Tag Words toggle feature:

markup.  

(:div10 style="width:50%; border:thin solid blue; margin:10px auto; padding:10px;":)
(:div15 id=ex8a:)
!!! Option A
%center margin-top=20px%(:toggle show id=ex8a label="" tags=ex8,ex8a:)\
(:toggle hidetags=ex8 showtags=ex8d label=D< button=1:)
(:toggle hidetags=ex8 showtags=ex8b label=>B button=1:)
(:div15 id=ex8b:)
!!! Option B
%center margin-top=20px%(:toggle hide id=ex8b label="" tags=ex8,ex8b:)\
(:toggle hidetags=ex8 showtags=ex8a label=A< button=1:)
(:toggle hidetags=ex8 showtags=ex8c label=>C button=1:)
(:div15 id=ex8c:)
!!! Option C
%center margin-top=20px%(:toggle hide id=ex8c label="" tags=ex8,ex8c:)\
(:toggle hidetags=ex8 showtags=ex8b label=B< button=1:)
(:toggle hidetags=ex8 showtags=ex8d label=>D button=1:)
(:div15 id=ex8d:)
!!! Option D
%center margin-top=20px%(:toggle hide id=ex8d label="" tags=ex8,ex8d:)\
(:toggle hidetags=ex8 showtags=ex8c label=C< button=1:)
(:toggle hidetags=ex8 showtags=ex8a label=>A button=1:)
(:div10end:)

Option A

Option B

Option C

Option D


Toggle among four items using toggle groups:

markup.  

(:div10 style="width:50%; border:thin solid blue; margin:10px auto; padding:10px;":)
(:div15 id=ex9a class=ex9:)
!!! Option A
%right% (:toggle group=ex9 hide id=ex9b label=> button=1:)
(:div15 id=ex9b class=ex9:)
!!! Option B
%right% (:toggle group=ex9 hide id=ex9c label=> button=1:)
(:div15 id=ex9c class=ex9:)
!!! Option C
%right% (:toggle group=ex9 hide id=ex9d label=> button=1:)
(:div15 id=ex9d class=ex9:)
!!! Option D
%right% (:toggle group=ex9 show id=ex9a label=> button=1:)
(:div10end:)

Option A

Option B

Option C

Option D


all subjects.  

PTV from another page:

[[PageActions]] {PageActions$:Summary}

PageActions Contains the 'action' links (like Browse, Edit, History, etc.), placed at the top of the page, see site page actions


all subjects.  

"Loading..."

Tip from Ward:

  • While editing this page, when you hit preview it kind of annoyingly forces you to scroll to the BOTTOM to see what happend
  • My suggestion - in a tabbed browser such as the newer Firefox or IE,
    • open a NEW tab to The sandbox,
    • Then (at least in FireFox, you can ctrl-Pg-Up and Ctrl-PgDn to flip between the page being edited, and the results
      • you have to hit refresh or ctrl-R or -- my favorite -- F5 - to refresh the recently saved edits


all subjects.  



Edit - History - Print - Recent Changes - Search
Page last modified on January 06, 2016, at 11:02 PM CST