HTML la concaténation de la saisie de texte avec le lien

J'ai le code suivant:

<form>
Comments: <input type="text" name="Scomments"><br>
</form> 
<a href='http://translate.google.com/#en/nl/' + Scomments  target="_blank">Translate your comment and verify it</a>

Je suis en train d'ajouter le texte entré dans "SCOMMENTS" saisie de texte à la google translate lien et ouvrez Google Translate dans un nouvel Onglet. Pour le moment, je ne suis pas en mesure de référencer le texte est entré en tle lien.

Comment concaténer ces valeurs?

P. S.: C'est mon tout premier code HTML, donc je sais que c'est une question très simple.

Merci d'avance,

  • Vous ne pouvez pas faire cela avec du HTML pur, vous devez utiliser JavaScript.
InformationsquelleAutor D. Caan | 2014-03-06
  1. 1

    Vous aurez besoin d'un peu de javascript - ici un violon: http://jsfiddle.net/QGS5w/

    Fondamentalement, vous avez besoin d'ajouter quelque chose comme ce qui suit dans votre head section de votre page:

    function clickyClick() {
    url = 'http://translate.google.com/#en/nl/' + document.getElementById("comment").value
    window.open(url, '_blank');
}

    et puis, peut-être, pour des raisons de simplicité, changer votre lien à un bouton:

    <form>Comments:
<input type="text" name="comments" id="comment">
<br>
</form>
<button onclick="clickyClick()">Translate and verify</button>

    Un bare-bones complète de la page pourrait ressembler à ceci:

    <html>
<head>
    <script type='text/javascript'>
        function clickyClick() {
            url = 'http://translate.google.com/#en/nl/' + document.getElementById("comment").value
            window.open(url, '_blank');
        }
</script>
</head>
<body>
  <form>Comments:
    <input type="text" name="comments" id="comment">
  </form>
  <br>
  <button onclick="clickyClick()">Translate and verify</button>

</body>

    InformationsquelleAutor slapthelownote
  2. 1

    Vous pouvez utiliser Javascript pour obtenir la valeur de la Comments l'article et de l'envoyer à Google:

    <script>
function test(){
  var yourvar= document.getElementById('comments').value;
  window.open('http://translate.google.com/#en/nl/'+yourvar, "_blank");
}
</script>

    Et le code HTML:

    <form>
  Comments: <input type="text" name="Scomments" id="comments"><br>    
</form>     
<button onclick="test()">Translate</button>

    Le code est un peu brouillon mais vous pouvez le modifier.

    • Étant ce qu'il est à l'aide de target="_blank" qui devrait vraiment être window.open pas window.location
    • Je voudrais aussi valoir que, étant aussi OP unis il est très basique, serait la peine de mettre dans un <script> tag, alors qu'il est évident.
    InformationsquelleAutor user986959