Template:Circa/doc/sortable - Revision history

Ookami: 7 revisions imported

2020-09-03T00:53:35Z

7 revisions imported

← Older revision	Revision as of 00:53, 3 September 2020
(No difference)

meta>SMcCandlish: make the table not look like ass

2017-11-25T01:29:01Z

make the table not look like ass

← Older revision		Revision as of 01:29, 25 November 2017
Line 1:		Line 1:
	If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting\|sortable]] [[Help:Tables\|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:		If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting\|sortable]] [[Help:Tables\|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:

	{\| class="sortable"		{\| class="sortable wikitable"
	\|-		\|-
	! Title!!Col 1!!Col 2		! Title!!Col 1!!Col 2

meta>SMcCandlish: code fix so this transcludes properly; rm. dead code

2017-11-25T01:28:08Z

code fix so this transcludes properly; rm. dead code

← Older revision		Revision as of 01:28, 25 November 2017
Line 7:		Line 7:
	\| Foo\|\| style="text-align:right;" \|1066\|\| style="text-align:right;" \|1066		\| Foo\|\| style="text-align:right;" \|1066\|\| style="text-align:right;" \|1066
	\|-		\|-
	\| Bar\|\| style="text-align:right;" \|{{~~circa~~}} 1510\|\| style="text-align:right;" \|{{~~circa~~\|1510\|sortable=yes}}		\| Bar\|\| style="text-align:right;" \|{{ {{ROOTPAGENAME}}}} 1510\|\| style="text-align:right;" \|{{ {{ROOTPAGENAME}}\|1510\|sortable=yes}}
	\|-		\|-
	\| Baz\|\| style="text-align:right;" \|1956\|\| style="text-align:right;" \|1956		\| Baz\|\| style="text-align:right;" \|1956\|\| style="text-align:right;" \|1956
	\|-		\|-
	\| Jaz\|\| style="text-align:right;" \|{{~~circa~~}} 410\|\| style="text-align:right;" \|{{~~circa~~\|410\|sortable=yes}}		\| Jaz\|\| style="text-align:right;" \|{{ {{ROOTPAGENAME}}}} 410\|\| style="text-align:right;" \|{{ {{ROOTPAGENAME}}\|410\|sortable=yes}}
	\|}		\|}

	"Col 1" uses <code><nowiki>{{</nowiki>{{~~circa~~}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{~~BASEPAGENAME~~}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{~~BASEPAGENAME~~}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.~~<includeonly></includeonly>~~		"Col 1" uses <code><nowiki>{{</nowiki>{{ROOTPAGENAME}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{ROOTPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{ROOTPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work.

			The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.

meta>Wikid77: ce; @sort table added 4th row "c. 410"

2016-04-07T17:19:20Z

ce; @sort table added 4th row "c. 410"

← Older revision		Revision as of 17:19, 7 April 2016
Line 1:		Line 1:
	~~<includeonly>~~If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting\|sortable]] [[Help:Tables\|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:		If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting\|sortable]] [[Help:Tables\|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:

	{\| class="sortable"		{\| class="sortable"
Line 7:		Line 7:
	\| Foo\|\| style="text-align:right;" \|1066\|\| style="text-align:right;" \|1066		\| Foo\|\| style="text-align:right;" \|1066\|\| style="text-align:right;" \|1066
	\|-		\|-
	\| Bar\|\| style="text-align:right;" \|{{ ~~{{BASEPAGENAME}}~~}} 1510\|\| style="text-align:right;" \|{{~~{{BASEPAGENAME}}~~\|1510\|sortable=yes}}		\| Bar\|\| style="text-align:right;" \|{{circa}} 1510\|\| style="text-align:right;" \|{{circa\|1510\|sortable=yes}}
	\|-		\|-
	\| Baz\|\| style="text-align:right;" \|1956\|\| style="text-align:right;" \|1956		\| Baz\|\| style="text-align:right;" \|1956\|\| style="text-align:right;" \|1956
			\|-
			\| Jaz\|\| style="text-align:right;" \|{{circa}} 410\|\| style="text-align:right;" \|{{circa\|410\|sortable=yes}}
	\|}		\|}

	"Col 1" uses <code><nowiki>{{</nowiki>{{~~BASEPAGENAME~~}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.</includeonly>		"Col 1" uses <code><nowiki>{{</nowiki>{{circa}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.<includeonly></includeonly>

meta>WOSlinker: tidy style for better HTML5 compatibility

2015-12-07T12:57:10Z

tidy style for better HTML5 compatibility

← Older revision		Revision as of 12:57, 7 December 2015
Line 5:		Line 5:
	! Title!!Col 1!!Col 2		! Title!!Col 1!!Col 2
	\|-		\|-
	\| Foo\|\|~~align~~="right"\|1066\|\|~~align~~="right"\|1066		\| Foo\|\| style="text-align:right;" \|1066\|\| style="text-align:right;" \|1066
	\|-		\|-
	\| Bar\|\|~~align~~="right"\|{{ {{BASEPAGENAME}}}} 1510\|\|~~align~~="right"\|{{{{BASEPAGENAME}}\|1510\|sortable=yes}}		\| Bar\|\| style="text-align:right;" \|{{ {{BASEPAGENAME}}}} 1510\|\| style="text-align:right;" \|{{{{BASEPAGENAME}}\|1510\|sortable=yes}}
	\|-		\|-
	\| Baz\|\|~~align~~="right"\|1956\|\|~~align~~="right"\|1956		\| Baz\|\| style="text-align:right;" \|1956\|\| style="text-align:right;" \|1956
	\|}		\|}

	"Col 1" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.</includeonly>		"Col 1" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.</includeonly>

meta>It Is Me Here: + Space

2014-02-28T14:13:08Z

+ Space

← Older revision		Revision as of 14:13, 28 February 2014
Line 1:		Line 1:
	If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting\|sortable]] [[Help:Tables\|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:		<includeonly>If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting\|sortable]] [[Help:Tables\|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:

	{\| class="sortable"		{\| class="sortable"
Line 7:		Line 7:
	\| Foo\|\|align="right"\|1066\|\|align="right"\|1066		\| Foo\|\|align="right"\|1066\|\|align="right"\|1066
	\|-		\|-
	\| Bar\|\|align="right"\|{{{{BASEPAGENAME}}}} 1510\|\|align="right"\|{{{{BASEPAGENAME}}\|1510\|sortable=yes}}		\| Bar\|\|align="right"\|{{ {{BASEPAGENAME}}}} 1510\|\|align="right"\|{{{{BASEPAGENAME}}\|1510\|sortable=yes}}
	\|-		\|-
	\| Baz\|\|align="right"\|1956\|\|align="right"\|1956		\| Baz\|\|align="right"\|1956\|\|align="right"\|1956
	\|}		\|}

	"Col 1" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.		"Col 1" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.</includeonly>

meta>It Is Me Here: BASEPAGENAME

2014-02-28T14:08:57Z

BASEPAGENAME

← Older revision		Revision as of 14:08, 28 February 2014
Line 7:		Line 7:
	\| Foo\|\|align="right"\|1066\|\|align="right"\|1066		\| Foo\|\|align="right"\|1066\|\|align="right"\|1066
	\|-		\|-
	\| Bar\|\|align="right"\|{{~~Circa~~}} 1510\|\|align="right"\|{{~~Circa~~\|1510\|sortable=yes}}		\| Bar\|\|align="right"\|{{{{BASEPAGENAME}}}} 1510\|\|align="right"\|{{{{BASEPAGENAME}}\|1510\|sortable=yes}}
	\|-		\|-
	\| Baz\|\|align="right"\|1956\|\|align="right"\|1956		\| Baz\|\|align="right"\|1956\|\|align="right"\|1956
	\|}		\|}

	"Col 1" uses <code><nowiki>{{~~Circa~~}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{~~Circa~~\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{~~Circa~~\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.		"Col 1" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{</nowiki>{{BASEPAGENAME}}<nowiki>\|1510\|sortable=yes}}</nowiki></code> inserts an invisible [[span and div\|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)\|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.

meta>It Is Me Here: Creating

2014-02-28T14:01:08Z

Creating

New page

If the parameter "<code>sortable=yes</code>" is specified, the template generates invisible text that will cause the output to work in [[Help:Sorting|sortable]] [[Help:Tables|tables]], at the cost of causing problems for visually-impaired readers. Compare "Col 1" and "Col 2" in the following table:

{| class="sortable"
|-
! Title!!Col 1!!Col 2
|-
| Foo||align="right"|1066||align="right"|1066
|-
| Bar||align="right"|{{Circa}} 1510||align="right"|{{Circa|1510|sortable=yes}}
|-
| Baz||align="right"|1956||align="right"|1956
|}

"Col 1" uses <code><nowiki>{{Circa}} 1510</nowiki></code>, and does not sort correctly. "Col 2" uses <code><nowiki>{{Circa|1510|sortable=yes}}</nowiki></code>, and does sort correctly. This works because <code><nowiki>{{Circa|1510|sortable=yes}}</nowiki></code> inserts an invisible [[span and div|span element]] at the start of the cell: <code><nowiki><span style="display:none;">1510</span></nowiki></code>. Although it is not rendered, it is still seen by the sorting code and makes sorting work. The downside of this approach is that the invisible text is still rendered by [[screen reader]]s that are used by visually impaired readers, and by text browsers such as [[Lynx (web browser)|Lynx]], so the table will become garbled for readers who are using [[assistive technology]] or text browsers.