Wikipedia:Helferlein/IPA Typewriter/Versionen/0.1 release

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Installation

[Quelltext bearbeiten]

Kopiere dir den Code und speichere ihn als HTML-Datei.

Kompatibilität

[Quelltext bearbeiten]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

    <title>IPA Typewriter</title>

    <style type="text/css">
    <!--
      body, table {
        font-family: Arial, Verdana;
        font-size: 90%
      }

      a {
        text-decoration: none
      }

      a:visited {
        color: blue
      }

      .DescriptorCell {
        font-weight: bold
      }

      .Ipa {
        font-family: Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, TITUS Cyberbit Basic, Code2000, MV Boli, MS Mincho, Arial
      }
    -->
    </style>

    <script type="text/javascript">
    <!--
      function InsertChar(sUnicodeCode) {
        document.getElementById("txtIpa").focus();
        document.getElementById("txtIpa").value = document.getElementById("txtIpa").value + String.fromCharCode(parseInt(sUnicodeCode, 16));
      }

      function CopyIpaToClipboard() {

        // Is browser able to copy?
        if (window.clipboardData)
          // Copy
          window.clipboardData.setData('Text', document.getElementById("txtIpa").value);

        else {
          document.getElementById("txtIpa").focus();
          document.getElementById("txtIpa").select();
        }
      }
    // -->
    </script>
  </head>

  <body>
    <!-- ### Vokaltabelle ### -->
    <table border="1" cellspacing="0" cellpadding="1" style="display:inline; text-align:center">
      <tr>
        <td>&nbsp;</td>
        <td colspan="2" class="DescriptorCell">vorne</td>
        <td colspan="2" class="DescriptorCell">fast<br />vorne</td>
        <td colspan="2" class="DescriptorCell">zentral</td>
        <td colspan="2" class="DescriptorCell">fast<br />hinten</td>
        <td colspan="2" class="DescriptorCell">hinten</td>
      </tr>
      <tr>
        <td class="DescriptorCell">geschlossen</td>
        <td class="Ipa"><a href="javascript:InsertChar('0069');">&nbsp;&nbsp;i&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0079');">&nbsp;&nbsp;y&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0268');">&nbsp;&nbsp;&#x0268;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0289');">&nbsp;&nbsp;&#x0289;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('026F');">&nbsp;&nbsp;&#x026F;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0075');">&nbsp;&nbsp;u&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="DescriptorCell">fast geschlossen</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('026A');">&nbsp;&nbsp;&#x026A;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('028F');">&nbsp;&nbsp;&#x028F;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('028A');">&nbsp;&nbsp;&#x028A;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">halbgeschlossen</td>
        <td class="Ipa"><a href="javascript:InsertChar('0065');">&nbsp;&nbsp;e&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('00F8');">&nbsp;&nbsp;&#x00F8;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0258');">&nbsp;&nbsp;&#x0258;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0275');">&nbsp;&nbsp;&#x0275;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0264');">&nbsp;&nbsp;&#x0264;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('006F');">&nbsp;&nbsp;o&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="DescriptorCell">mittel</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" colspan="2"><a href="javascript:InsertChar('0259');">&nbsp;&nbsp;&#x0259;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">halboffen</td>
        <td class="Ipa"><a href="javascript:InsertChar('025B');">&nbsp;&nbsp;&#x025B;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0153');">&nbsp;&nbsp;&#x0153;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('025C');">&nbsp;&nbsp;&#x025C;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('025E');">&nbsp;&nbsp;&#x025E;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('028C');">&nbsp;&nbsp;&#x028C;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0254');">&nbsp;&nbsp;&#x0254;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="DescriptorCell">fast offen</td>
        <td class="Ipa"><a href="javascript:InsertChar('00E6');">&nbsp;&nbsp;&#x00E6;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" colspan="2"><a href="javascript:InsertChar('0250');">&nbsp;&nbsp;&#x0250;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">offen</td>
        <td class="Ipa"><a href="javascript:InsertChar('0061');">&nbsp;&nbsp;a&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0276');">&nbsp;&nbsp;&#x0276;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0251');">&nbsp;&nbsp;&#x0251;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0252');">&nbsp;&nbsp;&#x0252;&nbsp;&nbsp;</a></td>
      </tr>
    </table>
    &nbsp;&nbsp;&nbsp;
    <!-- ### Tabelle der sonstigen Zeichen ### -->
    <table border="1" cellspacing="0" cellpadding="1" style="display:inline; text-align:center">
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('02C8');" title="Hauptbetonung">&nbsp;&nbsp;&#x02C8;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('02CC');" title="Nebenbetonung">&nbsp;&nbsp;&#x02CC;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('02D0');" title="lang">&nbsp;&nbsp;&#x02D0;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0303');" title="nasaliert">&nbsp;&nbsp;&nbsp;&#x0303;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0329');" title="silbisch, untergestellt">&nbsp;&nbsp;&nbsp;&#x0329;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('030D');" title="silbisch, übergestellt">&nbsp;&nbsp;&nbsp;&#x030D;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('032F');" title="nichtsilbisch, untergestellt">&nbsp;&nbsp;&nbsp;&#x032F;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0311');" title="nichtsilbisch, übergestellt">&nbsp;&nbsp;&nbsp;&#x0311;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0325');" title="stimmlos, untergestellt">&nbsp;&nbsp;&nbsp;&#x0325;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('030A');" title="stimmlos, übergestellt">&nbsp;&nbsp;&nbsp;&#x030A;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('032C');" title="stimmhaft, untergestellt">&nbsp;&nbsp;&nbsp;&#x032C;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('030C');" title="stimmhaft, übergestellt">&nbsp;&nbsp;&nbsp;&#x030C;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('02DE');" title="rhotisch">&nbsp;&nbsp;&#x02DE;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('02B0');" title="aspiriert">&nbsp;&nbsp;&#x02B0;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('2019');" title="Ejektiv">&nbsp;&nbsp;&#x2019;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
      </tr>
    </table>
    &nbsp;&nbsp;&nbsp;
    <!-- ### Tabelle der Klicks ### -->
    <table border="1" cellspacing="0" cellpadding="1" style="display:inline; text-align:center">
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0298');" title="bilabialer Klick">&nbsp;&nbsp;&#x0298;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('01C0');" title="dentaler Klick">&nbsp;&nbsp;&#x01C0;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('01C3');" title="(post)alveolarer Klick">&nbsp;&nbsp;&#x01C3;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('01C2');" title="palatoalveolarer Klick">&nbsp;&nbsp;&#x01C2;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('01C1');" title="lateraler alveolarer Klick">&nbsp;&nbsp;&#x01C1;&nbsp;&nbsp;</a></td>
      </tr>
    </table>
    &nbsp;&nbsp;&nbsp;
    <!-- ### Tabelle der Implosive ### -->
    <table border="1" cellspacing="0" cellpadding="1" style="display:inline; text-align:center">
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0253');" title="stimmhafter bilabialer Implosiv">&nbsp;&nbsp;&#x0253;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0257');" title="stimmhafter dentaler/alveolarer Implosiv">&nbsp;&nbsp;&#x0257;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0284');" title="stimmhafter palataler Implosiv">&nbsp;&nbsp;&#x0284;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0260');" title="stimmhafter velarer Implosiv">&nbsp;&nbsp;&#x0260;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('029B');" title="stimmhafter uvularer Implosiv">&nbsp;&nbsp;&#x029B;&nbsp;&nbsp;</a></td>
      </tr>
    </table>
    &nbsp;&nbsp;&nbsp;
    <!-- ### Tabelle der  ### -->
    <table border="1" cellspacing="0" cellpadding="1" style="display:inline; text-align:center">
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('028D');" title="stimmloser labiovelarer Frikativ">&nbsp;&nbsp;&#x028D;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0077');" title="stimmhafter labiovelarer Approximant">&nbsp;&nbsp;w&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0265');" title="stimmhafter labiopalataler Approximant">&nbsp;&nbsp;&#x0265;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('029C');" title="stimmloser epiglottaler Frikativ">&nbsp;&nbsp;&#x029C;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('02A2');" title="stimmhafter epiglottaler Frikativ">&nbsp;&nbsp;&#x02A2;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('02A1');" title="stimmloser epiglottaler Plosiv">&nbsp;&nbsp;&#x02A1;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('0255');" title="stimmloser palatoalveolarer Frikativ">&nbsp;&nbsp;&#x0255;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0291');" title="stimmhafter palatoalveolarer Frikativ">&nbsp;&nbsp;&#x0291;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="Ipa"><a href="javascript:InsertChar('027A');" title="lateraler alveolarer Flap">&nbsp;&nbsp;&#x027A;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0267');" title="stimmloser velopalataler Frikativ">&nbsp;&nbsp;&#x0267;&nbsp;&nbsp;</a></td>
      </tr>
    </table>

    <!-- ### Konsonantentabelle ### -->
    <table border="1" cellspacing="0" cellpadding="1" style="text-align:center">
      <tr>
        <td>&nbsp;</td>
        <td colspan="2" class="DescriptorCell">bilabial</td>
        <td colspan="2" class="DescriptorCell">labio-<br />dental</td>
        <td colspan="2" class="DescriptorCell">dental</td>
        <td colspan="2" class="DescriptorCell">alveolar</td>
        <td colspan="2" class="DescriptorCell">post-<br />alveolar</td>
        <td colspan="2" class="DescriptorCell">retroflex</td>
        <td colspan="2" class="DescriptorCell">palatal</td>
        <td colspan="2" class="DescriptorCell">velar</td>
        <td colspan="2" class="DescriptorCell">uvular</td>
        <td colspan="2" class="DescriptorCell">pha-<br />ryngal</td>
        <td colspan="2" class="DescriptorCell">glottal</td>
      </tr>
      <tr>
        <td class="DescriptorCell">Plosive</td>
        <td class="Ipa"><a href="javascript:InsertChar('0070');">&nbsp;&nbsp;p&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0062');">&nbsp;&nbsp;b&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0074');">&nbsp;&nbsp;t&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0064');">&nbsp;&nbsp;d&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0288');">&nbsp;&nbsp;&#x0288;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0256');">&nbsp;&nbsp;&#x0256;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0063');">&nbsp;&nbsp;c&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('025F');">&nbsp;&nbsp;&#x025F;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('006B');">&nbsp;&nbsp;k&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0067');">&nbsp;&nbsp;g&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0071');">&nbsp;&nbsp;q&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0262');">&nbsp;&nbsp;&#x0262;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0294');">&nbsp;&nbsp;&#x0294;&nbsp;&nbsp;</a></td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">Nasale</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('006D');">&nbsp;&nbsp;m&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0271');">&nbsp;&nbsp;&#x0271;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('006E');">&nbsp;&nbsp;n&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0273');">&nbsp;&nbsp;&#x0273;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0272');">&nbsp;&nbsp;&#x0272;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('014B');">&nbsp;&nbsp;&#x014B;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0274');">&nbsp;&nbsp;&#x0274;&nbsp;&nbsp;</a></td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">Vibranten</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0299');">&nbsp;&nbsp;&#x0299;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0072');">&nbsp;&nbsp;r&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0280');">&nbsp;&nbsp;&#x0280;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">Taps/Flaps</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('027E');">&nbsp;&nbsp;&#x027E;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('027D');">&nbsp;&nbsp;&#x027D;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">Frikative</td>
        <td class="Ipa"><a href="javascript:InsertChar('0278');">&nbsp;&nbsp;&#x0278;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('03B2');">&nbsp;&nbsp;&#x03B2;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0066');">&nbsp;&nbsp;f&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0076');">&nbsp;&nbsp;v&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('03B8');">&nbsp;&nbsp;&#x03B8;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('00F0');">&nbsp;&nbsp;&#x00F0;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0073');">&nbsp;&nbsp;s&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('007A');">&nbsp;&nbsp;z&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0283');">&nbsp;&nbsp;&#x0283;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0292');">&nbsp;&nbsp;&#x0292;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0282');">&nbsp;&nbsp;&#x0282;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0290');">&nbsp;&nbsp;&#x0290;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('00E7');">&nbsp;&nbsp;&#x00E7;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('029D');">&nbsp;&nbsp;&#x029D;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0078');">&nbsp;&nbsp;x&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0263');">&nbsp;&nbsp;&#x0263;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('03C7');">&nbsp;&nbsp;&#x03C7;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0281');">&nbsp;&nbsp;&#x0281;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0127');">&nbsp;&nbsp;&#x0127;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0295');">&nbsp;&nbsp;&#x0295;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0068');">&nbsp;&nbsp;h&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('0266');">&nbsp;&nbsp;&#x0266;&nbsp;&nbsp;</a></td>
      </tr>
      <tr>
        <td class="DescriptorCell">laterale Frikative</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('026C');">&nbsp;&nbsp;&#x026C;&nbsp;&nbsp;</a></td>
        <td class="Ipa"><a href="javascript:InsertChar('026E');">&nbsp;&nbsp;&#x026E;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">Approximanten</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('028B');">&nbsp;&nbsp;&#x028B;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0279');">&nbsp;&nbsp;&#x0279;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('027B');">&nbsp;&nbsp;&#x027B;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('006A');">&nbsp;&nbsp;j&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('0270');">&nbsp;&nbsp;&#x0270;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
      <tr>
        <td class="DescriptorCell">laterale Approximanten</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('006C');">&nbsp;&nbsp;l&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('026D');">&nbsp;&nbsp;&#x026D;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('028E');">&nbsp;&nbsp;&#x028E;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa"><a href="javascript:InsertChar('029F');">&nbsp;&nbsp;&#x029F;&nbsp;&nbsp;</a></td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
        <td class="Ipa" style="background-color:#E0E0E0">&nbsp;</td>
      </tr>
    </table>
    <br />
    <input id="txtIpa" class="Ipa" type="text" value="" style="width:40em" /><br />
    <input type="button" value="/{{IPA|…}}/" onclick="document.getElementById('txtIpa').value = '/{{IPA|' + document.getElementById('txtIpa').value + '}}/';" />
    <input type="button" value="[{{IPA|…}}]" onclick="document.getElementById('txtIpa').value = '[{{IPA|' + document.getElementById('txtIpa').value + '}}]';" />
    <input type="button" value="Kopieren" onclick="CopyIpaToClipboard();" />
    <input type="button" value="Reset" onclick="document.getElementById('txtIpa').value = '';" /><br />
    <br />
    Informationen:
    <ul>
      <li>Für einige Zeichen existiert ein Quickinfo.</li>
      <li>Wenn Ihr Browser kein automatisches Kopieren unterstützt, wird bei Betätigung des „Kopieren“-Buttons stattdessen der Text markiert, sodass Sie im Anschluss für ein rasches Kopieren lediglich Strg+C drücken müssen.</li>
    </ul>
  </body>
</html>