Google translate Platzhalter-text in input type='text'

Problem der übersetzung Platzhalter-text in input type="text"

Dies ist mein Beispielcode:

Html:

<div id="google_translate_element" style="float:left; padding-left:15px"></div>


<!-- Need to translate this placeholder text -->

<form><input type="text" placeholder= "Enter your name" />
<input type="submit" value="Submit" />
</form>

JavaScipt:

<script type="text/javascript">
function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ca,da,de,el,en,es,fr,it,ja,ko,nl,pl,pt,ru,sv,tl', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

CSS:

<style>
div#google_translate_element div.goog-te-gadget-simple{background-color:green;}
    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:yellow}

    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#ffffff}
</style>

Dolmetscherin Beispiel ist in

JSFiddle:

http://jsfiddle.net/ulak/zDUYL/

Bitte erwähnen anderer Weise zu übersetzen Platzhalter text mit google translate

Der jsfiddle enthält keine input element. Und was meinst du mit andere Weg? Haben Sie einen Weg gefunden?
jsfiddle Beispiel containe nur die translate-Funktion, getestet habe ich mit dem hinzufügen <input type="text" placeholder= "Geben Sie Ihren Namen ein" /> drin, das ist nicht für mich arbeiten, meine realen Umsetzung auch die gleiche Art und Weise

InformationsquelleAutor UdayaLakmal | 2013-12-13

  1. 8

    Wie bereits in vorhergehenden Antworten, Google Translate nicht übersetzen Platzhalter.

    Fand ich diese javascript-Lösung, und es funktioniert.

    http://gamon.org/blog/2015/03/12/translate-placeholders-with-google-translate-widget/

    JSfiddle demo hier:

    //Find all placeholders
var placeholders = document.querySelectorAll('input[placeholder]');

if (placeholders.length) {
     //convert to array
    placeholders = Array.prototype.slice.call(placeholders);

    //copy placeholder text to a hidden div
    var div = $('<div id="placeholders" style="display:none;"></div>');

    placeholders.forEach(function(input){
      var text = input.placeholder;
      div.append('<div>' + text + '</div>');    
    });

    $('body').append(div);

    //save the first placeholder in a closure
    var originalPH = placeholders[0].placeholder;

    //check for changes and update as needed
    setInterval(function(){
      if (isTranslated()) {
        updatePlaceholders();
        originalPH = placeholders[0].placeholder;
      }
    }, 500);

    //hoisted ---------------------------
    function isTranslated() { //true if the text has been translated
       var currentPH = $($('#placeholders > div')[0]).text();
       return !(originalPH == currentPH);
    }

    function updatePlaceholders() {
      $('#placeholders > div').each(function(i, div){
        placeholders[i].placeholder = $(div).text();
      });
    }
}

    InformationsquelleAutor PJ3

  2. -1

    Solange Google Translate nicht übersetzen möchten, eine placeholder Attribut (und Sie schlagen vor, keine Möglichkeit zu Fragen, für), die Antwort ist "Sie können nicht".

    Als workaround könnten Sie den Platzhalter text in ein normales element, sagen label element, und dann mit JavaScript, nach der übersetzung kopieren Sie seinen Inhalt in eine placeholder - Attribut und das löschen der normal-element.

    Allerdings ist es viel besser zu vermeiden, das problem und nutzen Sie einfach ein label - element anstelle des placeholder Attribut in einer situation, wo Sie möchten, verwenden Sie die letzteren in die Rolle eines label – gegen den HTML5-CR die klar sagt: "Das Platzhalter-Attribut sollte nicht verwendet werden als Ersatz für ein label.". So verwenden Sie einfach normalen markup und haben es in der Regel (mis)übersetzt von Google:

    <label for=name>Your name:</label> <input type="text" id=name>

    InformationsquelleAutor Jukka K. Korpela

  3. -3
    <div id="google_translate_element"></div><script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
          pageLanguage: 'en'
          , layout: google.translate.TranslateElement.InlineLayout.SIMPLE}
          , 'google_translate_element');
    }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
    bitte fügen Sie einige Erläuterungen zu Ihrem Beitrag, der zeigt, wie Sie Ihren code somves das problem und was die OP fehlt oder ist immer falsch
    Dies ist nur google translate Beispiel.. nicht geholfen mit Platzhalter text übersetzen
    Derselbe code funktioniert nicht im IE9 was wird das problem sein.Teilen Sie Ihre Gedanken.

    InformationsquelleAutor user3560927

  4. -3
    <div id="google_translate_element"></div>
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en',
            includedLanguages: 'ar', 
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
        }, 'google_translate_element');
    }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    InformationsquelleAutor user6074623

Schreibe einen Kommentar