자바 스크립트를 사용하여 html 페이지에 사용자가 입력 한 문자열 허용

언어 번역기를 만들었지 만 자바 스크립트를 사용하여 HTML 페이지에 하드 코딩 된 문자열을 변환합니다. 사용자가 텍스트/텍스트 영역에 문자열을 입력 할 수있게하여 유연하게 만들면 내 앱에서 사용자를 위해 번역 할 수 있습니다.자바 스크립트를 사용하여 html 페이지에 사용자가 입력 한 문자열 허용

어떤 도움을 감지 할 수있을 것입니다 :) Heres는

내 코드 :

<!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>

출처

2011-08-12 echo9

무엇 당신의 초기화 함수에서 HTML

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

에 this

넣어이를 참조하십시오 그리고이 당신의 문제? – TonioElGringo

@ TonioElGringo 권자. 나는 사용자가 문자열/문장을 입력하여 텍스트 상자로 번역 할 수있는 기능을 어떻게 통합 할 수 있는지를 알고 싶습니다. 그리고 나서 사용자는 버튼을 클릭하고 마침내 초기화 방법이 표시되도록 작동합니다. 번역 된 문자열. 이 모든 자바 스크립트를 사용하여 :) – echo9

당신은 당신이 전화를 걸 수
API를 번역 구글을 사용할 수 있습니다 (자신의 API 키를 입력 유의하시기 바랍니다) api와 번역 된 버전을 얻을. 내용이 동일한 상자에 텍스트를 변경합니다

content.value = "your translated text"

텍스트 상자 인 경우

출처

2011-08-12 09:57:25 Shadow

hehe .. 나는 이미 그것을 사용하고 있습니다. 비록 내가 자바 스크립트의 도움으로 사용자 입력을 받아들이는 것을 염두에 두어야 할 간단한 의문이 있지만 그것을 처리하고 번역 된 문자열을 모두 같은 페이지에 표시한다. 또한 나는 JSON을 사용할 기분이 없다 : P – echo9

잘이 버튼 중 하나에 자바 스크립트 함수를 호출하는 방법 중 하나를 알고 :) 내가 뭘 알아야 할 .. 어떻게 내가 텍스트 상자에 사용자 입력 문자열을 받아 들일 수 있습니다 번역 할 하드 코딩 된 텍스트 대신 처리하십시오. 또한 전체 페이지를 다시로드하지 않고도 위의 기능을 제공 할 수있는 방법 (자동 다시 게시 기능의 일종)과 혼동 스럽습니다. 사용자가 입력 한 원본 텍스트 바로 아래에 번역 된 텍스트를 표시하고 싶습니다. – echo9

이것이 원하는 것인지 확인하십시오 !! – Shadow

자바 스크립트를 사용하여 html 페이지에 사용자가 입력 한 문자열 허용

답변

관련 문제