2012-04-07 37 views
0

我有一个HTML表单:试图创建一个简单的文本到ASCII转换

<html> 
<body> 
<form> 
<textarea></textarea> 
<input type="button" value="Submit" onclick="????"></input> 
</form> 
<script type="text/javascript"> 
var code, chr = 'here'; 
code = chr.charCodeAt(0); 
document.write("The ASCII code of " + chr +" is "+code); 
</script> 
</body> 
</html> 

我想有一个文本区域,其中用户/我会把他的文字(一个字母)和按钮,他将点击触发此事件。

现在的问题是如何使提交按钮提交无论是在文字区域:

var code, chr = '`here`'; 

请让我知道,如果有需要的附加数据。

+1

1)不要使用'document.write'。 2)遍历所有字符,以获得字符代码。 3)含在一个功能的代码,并添加函数名到'onclick'属性。 – 2012-04-07 21:28:52

+0

我不明白你的第二点。 – 2012-04-07 21:51:10

+0

您当前的代码只显示了第一个字符(=指数**'0' **在'.charCodeAt(0)'。如果你使用一个循环,你可以看到你的整个输入文本的字符编码的字符代码。 – 2012-04-07 21:52:39

回答

1

如果我理解你正在寻找FORL你需要一个ASCII转换输入的功能,你需要提醒的是按钮。

我会建议使用像下面这样,因为从按钮的电话都是相对的,你可以有一个15种上这样的形式,他们将所有的工作,再加上你的实际的翻译方法是保持简单和离散。

虽然有这么简单的东西你能刚落在线。

<html> 
<body> 
<script type="text/javascript"> 
function asciify(txt) { 
    return = txt.charCodeAt(0); 
} 
</script> 
<form> 
<textarea name="txt_input"></textarea> 
<input type="button" value="Submit" onclick="this.form.txt_output.value = asciify(this.form.txt_input.value)"></input> 
<textarea name="txt_output"></textarea> 
</form> 
</body> 
</html> 
1
<html> 
<body> 
<form> 
<textarea id="text"></textarea> 
<input type="button" value="Submit" id="subm"/> 
<div id="out"></div> 
</form> 
<script type="text/javascript"> 
document.getElementById("subm").addEventListener("click", asciify, false); 
function asciify(){ 
    var ih = document.getElementById("text").innerHTML; 
    var out = []; 
    for(var i = 0; i < ih.length; i++){ 
     out.push(ih.charCodeAt(i)); 
    } 
    document.getElementById("out").innerHTML = out.join(",") 
} 
</script> 
</body> 
</html> 

这使用JavaScript来添加一个onclick处理程序,并支持多个字符

3

试试这个,在OSX Safari浏览器制造:

<html> 
<body> 

<form> 
ASCII:<br> 
<textarea id="text" rows="8" cols="50"></textarea><br> 
<input type="button" value="Convert" onclick="asciify()"> 
<br> 
<hr> 
DEC:<br> 
<textarea id="output" rows="8" cols="50"></textarea> 
</form> 

<script type="text/javascript"> 
function asciify(){ 
     var ih = document.getElementById("text").value; 
     var out = ""; 
     for(var i = 0; i < ih.length; i++){ 
     out=out.concat("<",ih.charAt(i).charCodeAt(0),">"); 
     } 
    document.getElementById('output').innerHTML = out; 
} 
</script> 


</body> 
</html> 
相关问题