2011-08-12 11 views
0

言語翻訳を作成しましたが、これはHTMLスクリプトでハードコードされた文字列を翻訳します。ユーザーが文字列をtextbox/textareaに入力できるようにして柔軟にすると、私のアプリはそれをユーザーのために翻訳することができます。javascriptを使用してhtmlページにユーザーが入力した文字列を受け入れる

すべてのヘルプはかなりのだろう:)

HERESに私のコード:(自分のAPIキーを入力するように注意してください)あなたは、API
をGoogle翻訳を使用することができます

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 

<script src="http://www.google.com/jsapi?key=YOUR_API_KEY_HERE" type="text/javascript"></script> 
    <script type="text/javascript"> 


    google.load("language", "1"); 

    function initialize() { 
     var content = document.getElementById('content'); 
     // Setting the text in the div. 
     content.innerHTML = '<div id="text">Hola, me alegro mucho de verte.<\/div><div id="translation"/>'; 

     // Grabbing the text to translate 
     var text = document.getElementById("text").innerHTML; 

     // Translate from Spanish to English, and have the callback of the request 

     google.language.translate(text, 'es', 'en', function(result) { 
     var translated = document.getElementById("translation"); 
     if (result.translation) { 
      translated.innerHTML = result.translation; 
     } 
     }); 
    } 
    google.setOnLoadCallback(initialize); 

    </script> 
    </head> 

    <body style="font-family: Arial;border: 0 none;"> 
    <div id="content">Loading...</div> 
    </body> 

</html> 
+1

何であるあなたの初期化関数でHTML

<button type="button" onclick="initialize()">Translate</button> 

this

入れ、これを参照し、これはあなた質問? – TonioElGringo

+0

@ TonioElGringo lol。私はどのように私はユーザーが文字列に変換する文字列/文章を入力することができる機能を統合することができますし、ユーザーがボタンをクリックすることができますし、最後にinitializeメソッドは、翻訳された文字列。すべてこれはJavaScriptのみを使用しています:) – echo9

答えて

1

あなたが呼び出しにすることができますapiと翻訳版を取得します。コンテンツは、これは同じボックスにテキストを変更します

content.value = "your translated text" 

テキストボックスがある場合

+0

hehe ..私はすでにそれを使用しています。 JavaScriptの助けを借りてユーザーの入力を受け入れ、処理して、同じページにすべて翻訳された文字列を表示するという単純な疑いがあります。また、私はJSONを使用する気分ではありません:P – echo9

+0

よく私は、ボタンのクリックでJavaScript関数を呼び出す方法のこの1つを知っていた:)私が知る必要がある..どのように私はユーザーがテキストボックスに入力した文字列を受け入れることができますし翻訳するためにハードコーディングされたテキストの代わりに処理します。私はまた、ページ全体を再度読み込まずに(自動ポストバック機能のようなもの)、上記の機能をどのように提供できるのかと混同しています。ユーザーが入力した元のテキストのすぐ下に翻訳されたテキストを表示したい。 – echo9

+0

これがほしいと思うかどうか確認してください!! – Shadow

関連する問題