Editing User:Pharap/Wiki Improvement Proposals (section)

=== IPA Hover Guides ===

{{
User:Pharap/Templates/Improvement Proposal Box
|reference=IP-006
|type=Module
|status=Unimplemented
}}

==== Summary ====

Wikipedia has an {{tl|IPAc-en}} template that produces IPA that provides a pronunciation guide when hovering over the individual characters. For example, the [https://en.wikipedia.org/wiki/Basalt?useskin=vector Basalt] page features examples such as /ˈbæsɔːlt/ where hovering over the 'b' gives "'b' in 'buy'", hovering over the 'æ' gives "'a' in 'bad'", hovering over the 's' gives "'s' in 'sigh'", et cetera.

It would be useful if similar functionality could be reproduced on this wiki.

==== Reasoning ====

It would provide a useful starting point for people who aren't familiar with IPA and are trying to understand how to pronounce various names and D'ni words.

==== Example ====

A hypothetical <nowiki>{{IPAc-en|t|ɛ|.|l|ɛ|.|d|ɑ|n}}</nowiki> would give /<span style="border-bottom: 1px dotted"><span title="/t/: 't' in 'tigh'">t</span><span title="/ɛ/: 'e' in 'dress'">ɛ</span>.<span title="/l/: 'l' in 'lie'">l</span><span title="/ɛ/: 'e' in 'dress'">ɛ</span>.<span title="/d/: 'd' in 'dye'">d</span><span title="/ɑ/: 'a' in 'father'">ɑ</span><span title="/n/: 'n' in 'nigh'">n</span></span>/.

==== Implementation ====

Despite being used as a template, this would be best implemented as a module.

The exact implementation is currently ''to be confirmed'', but the general idea is simple enough:
* Each numbered parameter will be examined.
* The specific IPA character will be looked up in a table of tooltips.
* If a corresponding piece of tooltip text was found:
** The character will be inserted into the page surrounded by a <code>span</code> with the <code>title</code> set to whatever the found tooltip was.
** Otherwise, the character will be inserted without any additional processing.

The whole thing would be wrapped in a <code>span</code> element with its <code>style</code> attribute set to produce a dotted line, and that would be bookended by forward slashes.