3

私は実際に別の質問の答えで拾った関数のコードの小さな塊を扱っています。これは大きな助けになりました。ただし、スクリプトのスニペットを変更しようとすると、いくつかの問題が発生します。表示されるテキストをリンクで変更する代わりに、静的テキスト (「ここをクリック」など) でリンクを変更するように、このビットを変更しようとしています。 ) またはボタン要素。 

<a id="reflectedlink" href="http://www.google.com/search">http://www.google.com/search</a>
<input id="searchterm"/>
<script type="text/javascript">
   var link= document.getElementById('reflectedlink');
   var input= document.getElementById('searchterm');
   input.onchange=input.onkeyup= function() 
      {
         link.search= '?q='+encodeURIComponent(input.value);
         link.firstChild.data= link.href;     
      }; 
</script>

変更されたリンクを新しいウィンドウで開くシンプルなボタンにしたいと本当に思っています。同様のソリューションを探してみましたが、何を探しているのかわからないという理由だけで、それを見逃していると確信しています。

4

1 に答える 1

0

あなたのフィドルを変更しました：

HTML

Search <input id="searchterm" type="text" />

JavaScript

var searchterm = document.getElementById('searchterm');
var base_url = 'http://www.google.com/search?q=';
searchterm.onchange = searchterm.onkeyup = function(e) {
    e = e || event;
    if ( (e.which || e.keyCode) == 13 ){
        window.open(base_url + encodeURIComponent(searchterm.value), '_blank');
    }
};

window.open関数の詳細については、こちらを参照してください。

于 2012-09-04T20:19:30.893 に答える