翻译界面做完

于 2020-02-11 09:58:25 发布
阅读量181 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/walkuere/article/details/104258669
版权 
<!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" onchange="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" onclick=addchar(this.innerHTML)>ä</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ö</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ü</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ß</button>
				</div>
				<div id="abutton_es" style="display:none;">
					<button class="accbutton" onclick=addchar(this.innerHTML)>á</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>é</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>í</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ó</button>
					<br />
					<button class="accbutton" onclick=addchar(this.innerHTML)>ú</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ñ</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>¿</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>¡</button>
					<br />

				</div>
				<div id="abutton_fr" style="display:none;">
					<button class="accbutton" onclick=addchar(this.innerHTML)>à</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>â</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ç</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ô</button>
					<br />
					<button class="accbutton" onclick=addchar(this.innerHTML)>é</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>è</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ê</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ë</button>
					<br />
					<button class="accbutton" onclick=addchar(this.innerHTML)>î</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>ï</button>
					<button class="accbutton" onclick=addchar(this.innerHTML)>û</button>
					<button class="accbutton" onclick=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>

 

walkuere
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值