User:Iritscen/HoverTableDemo: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(dumping this here from my TestSpace's history as a permanent tech demo)
 
m (replacing external images with localized ones)
 
Line 25: Line 25:
|-
|-
|
|
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
|style="width:11.66%;" class="hovercell embedded" id="igpa"| [[IGPA]]
|style="width:11.66%;" class="hovercell embedded" id="igpa"| [[IGPA]]
|
|
Line 34: Line 34:
|
|
|
|
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
| style="width:11.66%;" class="hovercell embedded" id="igpg"| [[IGPG]]
| style="width:11.66%;" class="hovercell embedded" id="igpg"| [[IGPG]]
|
|
Line 43: Line 43:
|
|
|
|
| http://ssg.oni2.net/design/60x20b.gif
| [[Image:Chart fork right.gif]]
|style="width:11.66%;" class="hovercell" id="tsff"| [[TSFF]]
|style="width:11.66%;" class="hovercell" id="tsff"| [[TSFF]]
|
|
Line 51: Line 51:
|
|
|
|
| http://ssg.oni2.net/design/60x20a.gif
| [[Image:Chart descend.gif]]
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
|style="width:11.66%;" class="hovercell embedded" id="tsfl"| [[TSFL]]
|style="width:11.66%;" class="hovercell embedded" id="tsfl"| [[TSFL]]
|
|
Line 59: Line 59:
|
|
|
|
| http://ssg.oni2.net/design/60x20a.gif
| [[Image:Chart descend.gif]]
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
|class="hovercell embedded" id="tsft"| [[TSFT]]
|class="hovercell embedded" id="tsft"| [[TSFT]]
|
|
Line 67: Line 67:
|
|
|
|
| http://ssg.oni2.net/design/60x20a.gif
| [[Image:Chart descend.gif]]
|
|
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
|style="width:11.66%;" class="hovercell embedded" id="tsga"| [[TSGA]]
|style="width:11.66%;" class="hovercell embedded" id="tsga"| [[TSGA]]
|-
|-
Line 75: Line 75:
|
|
|
|
| http://ssg.oni2.net/design/60x20b.gif
| [[Image:Chart fork right.gif]]
| class="hovercell" id="pspc" | [[PSpc]]
| class="hovercell" id="pspc" | [[PSpc]]
|
|
Line 83: Line 83:
|
|
|
|
| http://ssg.oni2.net/design/60x20a.gif
| [[Image:Chart descend.gif]]
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
| class="hovercell" id="txmp" | [[TXMP]]
| class="hovercell" id="txmp" | [[TXMP]]
|
|
Line 91: Line 91:
|
|
|
|
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
|class="hovercell embedded" id="igsa"| [[IGSA]]
|class="hovercell embedded" id="igsa"| [[IGSA]]
|
|
Line 100: Line 100:
|
|
|
|
| http://ssg.oni2.net/design/60x20c.gif
| [[Image:Chart turn right.gif]]
|" class="hovercell embedded" id="igst"| [[IGSt]]
|" class="hovercell embedded" id="igst"| [[IGSt]]
|
|

Latest revision as of 14:32, 3 May 2022

To use the "hover table" feature added to MediaWiki:Common, you have to directly invoke the classes "hovertable", "hovercell", and "hovertable_descrip" as shown in the markup behind the table below. Using the "hovercell embedded" class produces the barber-pole striping. The hover table was part of an abandoned approach to mapping out the relationship between Oni's resource types, and so it has not been refined. It also would help useability to create a template through which to invoke this feature.

Explanation of file type TxtC

Chart turn right.gif IGPA
Chart turn right.gif IGPG
Chart fork right.gif TSFF
Chart descend.gif Chart turn right.gif TSFL
Chart descend.gif Chart turn right.gif TSFT
Chart descend.gif Chart turn right.gif TSGA
Chart fork right.gif PSpc
Chart descend.gif Chart turn right.gif TXMP
Chart turn right.gif IGSA
Chart turn right.gif IGSt