Wikipedia:Helferlein/IPA Typewriter/Versionen/0.1 release
Zur Navigation springen
Zur Suche springen
Installation[Quelltext bearbeiten]
Kopiere dir den Code und speichere ihn als HTML-Datei.
Kompatibilität[Quelltext bearbeiten]
- Internet Explorer 6.0.2800.1106: getestet, funktionsfähig
- Mozilla Firefox 1.0.1: getestet, funktionsfähig
- Opera 8.0, Build 7561: getestet, Layout zerstört
Code[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> </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');"> i </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0079');"> y </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0268');"> ɨ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0289');"> ʉ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('026F');"> ɯ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0075');"> u </a></td>
</tr>
<tr>
<td class="DescriptorCell">fast geschlossen</td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('026A');"> ɪ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('028F');"> ʏ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('028A');"> ʊ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
</tr>
<tr>
<td class="DescriptorCell">halbgeschlossen</td>
<td class="Ipa"><a href="javascript:InsertChar('0065');"> e </a></td>
<td class="Ipa"><a href="javascript:InsertChar('00F8');"> ø </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0258');"> ɘ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0275');"> ɵ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0264');"> ɤ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('006F');"> o </a></td>
</tr>
<tr>
<td class="DescriptorCell">mittel</td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" colspan="2"><a href="javascript:InsertChar('0259');"> ə </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
</tr>
<tr>
<td class="DescriptorCell">halboffen</td>
<td class="Ipa"><a href="javascript:InsertChar('025B');"> ɛ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0153');"> œ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('025C');"> ɜ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('025E');"> ɞ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('028C');"> ʌ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0254');"> ɔ </a></td>
</tr>
<tr>
<td class="DescriptorCell">fast offen</td>
<td class="Ipa"><a href="javascript:InsertChar('00E6');"> æ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" colspan="2"><a href="javascript:InsertChar('0250');"> ɐ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
</tr>
<tr>
<td class="DescriptorCell">offen</td>
<td class="Ipa"><a href="javascript:InsertChar('0061');"> a </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0276');"> ɶ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0251');"> ɑ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0252');"> ɒ </a></td>
</tr>
</table>
<!-- ### 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"> ˈ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('02CC');" title="Nebenbetonung"> ˌ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('02D0');" title="lang"> ː </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0303');" title="nasaliert"> ̃ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0329');" title="silbisch, untergestellt"> ̩ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('030D');" title="silbisch, übergestellt"> ̍ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('032F');" title="nichtsilbisch, untergestellt"> ̯ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0311');" title="nichtsilbisch, übergestellt"> ̑ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0325');" title="stimmlos, untergestellt"> ̥ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('030A');" title="stimmlos, übergestellt"> ̊ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('032C');" title="stimmhaft, untergestellt"> ̬ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('030C');" title="stimmhaft, übergestellt"> ̌ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('02DE');" title="rhotisch"> ˞ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('02B0');" title="aspiriert"> ʰ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('2019');" title="Ejektiv"> ’ </a></td>
<td class="Ipa"> </td>
</tr>
</table>
<!-- ### 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"> ʘ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('01C0');" title="dentaler Klick"> ǀ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('01C3');" title="(post)alveolarer Klick"> ǃ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('01C2');" title="palatoalveolarer Klick"> ǂ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('01C1');" title="lateraler alveolarer Klick"> ǁ </a></td>
</tr>
</table>
<!-- ### 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"> ɓ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0257');" title="stimmhafter dentaler/alveolarer Implosiv"> ɗ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0284');" title="stimmhafter palataler Implosiv"> ʄ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0260');" title="stimmhafter velarer Implosiv"> ɠ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('029B');" title="stimmhafter uvularer Implosiv"> ʛ </a></td>
</tr>
</table>
<!-- ### 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"> ʍ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0077');" title="stimmhafter labiovelarer Approximant"> w </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0265');" title="stimmhafter labiopalataler Approximant"> ɥ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('029C');" title="stimmloser epiglottaler Frikativ"> ʜ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('02A2');" title="stimmhafter epiglottaler Frikativ"> ʢ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('02A1');" title="stimmloser epiglottaler Plosiv"> ʡ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('0255');" title="stimmloser palatoalveolarer Frikativ"> ɕ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0291');" title="stimmhafter palatoalveolarer Frikativ"> ʑ </a></td>
</tr>
<tr>
<td class="Ipa"><a href="javascript:InsertChar('027A');" title="lateraler alveolarer Flap"> ɺ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0267');" title="stimmloser velopalataler Frikativ"> ɧ </a></td>
</tr>
</table>
<!-- ### Konsonantentabelle ### -->
<table border="1" cellspacing="0" cellpadding="1" style="text-align:center">
<tr>
<td> </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');"> p </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0062');"> b </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0074');"> t </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0064');"> d </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0288');"> ʈ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0256');"> ɖ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0063');"> c </a></td>
<td class="Ipa"><a href="javascript:InsertChar('025F');"> ɟ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('006B');"> k </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0067');"> g </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0071');"> q </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0262');"> ɢ </a></td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0294');"> ʔ </a></td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
</tr>
<tr>
<td class="DescriptorCell">Nasale</td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('006D');"> m </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0271');"> ɱ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('006E');"> n </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0273');"> ɳ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0272');"> ɲ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('014B');"> ŋ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0274');"> ɴ </a></td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
</tr>
<tr>
<td class="DescriptorCell">Vibranten</td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0299');"> ʙ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0072');"> r </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0280');"> ʀ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
</tr>
<tr>
<td class="DescriptorCell">Taps/Flaps</td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('027E');"> ɾ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('027D');"> ɽ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
</tr>
<tr>
<td class="DescriptorCell">Frikative</td>
<td class="Ipa"><a href="javascript:InsertChar('0278');"> ɸ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('03B2');"> β </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0066');"> f </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0076');"> v </a></td>
<td class="Ipa"><a href="javascript:InsertChar('03B8');"> θ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('00F0');"> ð </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0073');"> s </a></td>
<td class="Ipa"><a href="javascript:InsertChar('007A');"> z </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0283');"> ʃ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0292');"> ʒ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0282');"> ʂ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0290');"> ʐ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('00E7');"> ç </a></td>
<td class="Ipa"><a href="javascript:InsertChar('029D');"> ʝ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0078');"> x </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0263');"> ɣ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('03C7');"> χ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0281');"> ʁ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0127');"> ħ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0295');"> ʕ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0068');"> h </a></td>
<td class="Ipa"><a href="javascript:InsertChar('0266');"> ɦ </a></td>
</tr>
<tr>
<td class="DescriptorCell">laterale Frikative</td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('026C');"> ɬ </a></td>
<td class="Ipa"><a href="javascript:InsertChar('026E');"> ɮ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
</tr>
<tr>
<td class="DescriptorCell">Approximanten</td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('028B');"> ʋ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0279');"> ɹ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('027B');"> ɻ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('006A');"> j </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('0270');"> ɰ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
</tr>
<tr>
<td class="DescriptorCell">laterale Approximanten</td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('006C');"> l </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('026D');"> ɭ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('028E');"> ʎ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"><a href="javascript:InsertChar('029F');"> ʟ </a></td>
<td class="Ipa"> </td>
<td class="Ipa"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </td>
<td class="Ipa" style="background-color:#E0E0E0"> </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>