<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>翻譯</title>
<script type="text/javascript">
function setInLang(nlang)
{
document.getElementById('dansiRule_de').style.display=(nlang==0)?"":"none";
document.getElementById('dansiRule_es').style.display=(nlang==2)?"":"none";
document.getElementById('dansiRule_fr').style.display=(nlang==3)?"":"none";
document.getElementById('abutton_de').style.display=(nlang==0)?"":"none";
document.getElementById('abutton_es').style.display=(nlang==2)?"":"none";
document.getElementById('abutton_fr').style.display=(nlang==3)?"":"none";
}
function addchar(accentchar)
{
//alert(accentchar);
if (document.selection) {
var sel = document.selection.createRange();
sel.text = str;
} else {
var startPos = obj.selectionStart;
var endPos = obj.selectionEnd;
var cursorPos = startPos;
var tmpStr = obj.value;
obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
cursorPos += str.length;
obj.selectionStart = obj.selectionEnd = cursorPos;
} else {
obj.value += str;
}
document.getElementById('intext').innerHTML+=accentchar;
}
</script>
<style>
.transtext{
height:120px;
overflow:hidden;
}
</style>
</head>
<body>
<div style="text-align: center;font-size:24px;">
<table style="width:100%; ">
<tr>
<td>選擇要查詞的語言
</td>
<td>選擇要顯示的語言
</td>
</tr>
<tr>
<td>
<select id="inlang" οnchange="setInLang(this.options.selectedIndex)">
<option value=0>德語</option>
<option value=1>英語</option>
<option value=2>西語</option>
<option value=3>法語</option>
<option value=4 selected>漢語</option>
</select>
</td>
<td>
<select id="outlang">
<option value="0">德語</option>
<option value="1" selected>英語</option>
<option value="2">西語</option>
<option value="3">法語</option>
<option value="4">漢語</option>
</select>
</td>
</tr>
<tr>
<td>轉換規則
</td>
<td>變音輸入器
</td>
</tr>
<tr style="overflow: hidden;height:120px;">
<td id="transferRule">
<div id="dansiRule_de" style="display:none;">
<input type="radio" name="rcansirule_de" id="arde0" checked ="checked">ue as ü<br />
<input type="radio" name="rcansirule_de" id="arde1" >u as ü<br />
<input type="radio" name="rcansirule_de" id="arde2" >u" as ü
</div>
<div id="dansiRule_es" style="display:none;">
<input type="radio" name="rcansirule_es" id="ares0" checked ="checked">gn as ñ<br />
<input type="radio" name="rcansirule_es" id="ares1" >n as ñ<br />
<input type="radio" name="rcansirule_es" id="ares2" >n~ as ñ
</div>
<div id="dansiRule_fr" style="display:none;">
</div>
</td>
<td id="accentButtonList">
<div id="abutton_de" style="display:none;">
<button class="accbutton" οnclick=addchar(this.innerHTML)>ä</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ö</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ü</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ß</button>
</div>
<div id="abutton_es" style="display:none;">
<button class="accbutton" οnclick=addchar(this.innerHTML)>á</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>é</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>í</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ó</button>
<br />
<button class="accbutton" οnclick=addchar(this.innerHTML)>ú</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ñ</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>¿</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>¡</button>
<br />
</div>
<div id="abutton_fr" style="display:none;">
<button class="accbutton" οnclick=addchar(this.innerHTML)>à</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>â</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ç</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ô</button>
<br />
<button class="accbutton" οnclick=addchar(this.innerHTML)>é</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>è</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ê</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ë</button>
<br />
<button class="accbutton" οnclick=addchar(this.innerHTML)>î</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ï</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>û</button>
<button class="accbutton" οnclick=addchar(this.innerHTML)>ù</button>
<br />
<button class="accbutton">œ</button>
</div>
</td>
</tr>
<tr>
<td colspan='2'>通用規則設置
</td>
</tr>
<tr>
<td colspan='2'>
輸入內容
<select id="inputtype">
<option value=0 selected>單詞</option>
<option value=1>詞組</option>
<option value=2>句子</option>
<option value=2>文章</option>
</select>
</td>
</tr>
</table>
<br />
<textarea class="transtext" id="intext"></textarea>
<br />
<button>
翻譯
</button>
<br />
<textarea class="transtext" id="outtext"></textarea>
</div>
</body>
<!-- àaâaçcôoéeèeêeëeîiûuùuœoe äaeüueöoeßss-->
</html>
