@kerigin
Php

Форма Google Translate как правильно?

Есть такая форма -
вопрос - не могу изменить , чтобы в том же INPUT был результат перевода
подскажите пожалуйста
<html>
  <body>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
  </head>
   <b>Text:</b> <input type="text" id="text" value="How are you"/> <br>
    <b>Target Langugage:</b> 
    <select id="target">
    <option value="de">Germany</option>
    <option value="hi">Hindi</option>
    <option value="fr">French</option>
    </select>
    <br>
    <input type="button" value="Translate"  onclick="translate()" /> <br> <br>
    <b>Translated Text:</b><div id="translated"></div>   
    <script>
    function translate()
    {
        $.get("https://www.googleapis.com/language/translate/v2",
            {
            key:"AIzaSyA8QSRDMjRvjJi__7nEk8ayrn3hmhFNRA8",
            source:"en",
            target:$("#target").val(),
            q:$("#text").val()
            },
            function(response)
            {
                $("#translated").html(response.data.translations[0].translatedText);
 
            },"json") .fail(function(jqXHR, textStatus, errorThrown) 
            {
                alert( "error :"+errorThrown );
            });
    }
    </script>
  </body>
</html>
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 1
AlexMaxTM
@AlexMaxTM
Ну вы же выводите результат в div
$("#translated").html(response.data.translations[0].translatedText);

Выводите результат в input, например так
$('#text').val(response.data.translations[0].translatedText);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы