Google traduction, le texte de l'espace réservé dans input type= "text"

Problème de la traduction du texte d'espace réservé dans input type="text"

C'est mon exemple de code:

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>

traductrice, à titre d'exemple

JSFiddle:

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

Veuillez mentionner toute autre façon de traduire le texte de l'espace réservé à l'aide de google translate

Le jsfiddle ne contiennent pas de input élément. Et qu'entendez-vous par un ? Avez-vous trouvé une solution?
jsfiddle exemple containe seulement fonction de traduction, j'ai testé avec ajout <input type="text" placeholder= "Entrez votre nom" /> dans celui-ci, qui n'est pas de travail pour moi, mon vrai mise en œuvre aussi utiliser de la même façon

OriginalL'auteur UdayaLakmal | 2013-12-13

  1. 8

    Comme indiqué dans les réponses précédentes, Google traduction ne traduit pas les espaces réservés.

    J'ai trouvé cette solution d'activer javascript et il fonctionne.

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

    JSfiddle démo ici:

    //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();
      });
    }
}

    OriginalL'auteur PJ3

  2. -1

    Tant que Google Translate ne veut pas traduire un placeholder attribut (et ils suggèrent aucun moyen de le demander), la réponse est “vous ne pouvez pas”.

    Comme une solution de contournement, vous pouvez mettre le texte de l'espace réservé dans un élément normal, dire un label élément, et ensuite, avec le JavaScript, d'après la traduction de copier son contenu dans un placeholder attribut et supprimer l'élément normal.

    Cependant, il est beaucoup mieux d'éviter de créer le problème et il suffit d'utiliser un label élément au lieu de la placeholder attribut dans une situation où vous utiliseriez ces derniers, dans le rôle d'un label – contre le HTML5 CR clairement dit: “L'espace réservé à l'attribut ne doit pas être utilisé comme un remplacement pour une étiquette.”. Donc tout simplement normal d'utilisation de balisage et de l'avoir normalement (mal)traduit par Google:

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

    OriginalL'auteur 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>
    s'il vous plaît ajouter quelques notes à votre poste, en montrant comment votre code somves le problème et ce que l'OP est manquant ou arriver de mal
    C'est juste google translate exemple.. pas aidé à la traduction du texte d'espace réservé
    Même code ne fonctionne pas dans IE9 ce qui va être le problème.Partager vos pensées.

    OriginalL'auteur 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>

    OriginalL'auteur user6074623