2012-04-07 79 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> 
相關問題