3

ユーザーが検索語を入力できる入力ボックスが必要です。これは、JavaScript 関数に渡され、いくつかの URL セグメントと検索語を組み合わせて完全な URL を作成します。これまでは、フォームがなくても問題なく動作していましたが、ユーザーが送信ボタンをクリックするのではなく、Enter キーを押すだけで済むように、フォームを追加したいと考えています。

送信ボタンのコード:

<a href="javascript: void(0)" onClick="this.href = i1 + document.getElementById('intranet').value + i3" target="_blank">
                    <div id="submit" class="out"
                        onMouseOver="document.getElementById('submit').className = 'over';"
                        onMouseOut="document.getElementById('submit').className = 'out';">
                        <span>Submit</span>
                    </div>
                </a>

不完全なフォーム/入力コード:

<form action="" onSubmit="this.href = i1 + document.getElementById('intranet').value + i3; return false;" method="get" target="_blank">
                <input type="text" id="intranet" size="15" value="Search Intranet.."
                    onFocus="document.getElementById('intranet').value = ''"
                    onBlur="document.getElementById('intranet').value = 'Search Intranet..'" / >    
                </form>

URLを作成する可能なjs関数：

<script language="javascript" type="text/javascript">
                    function urlGen(value)
                        {
                            var i1 = "seg1";
                            var i2 = document.getElementById('intranet').value;
                            var i3 = "seg2";

                            var fullURL = i1 + document.getElementById('intranet').value + i3;

                            return fullURL;
                        }
                </script>
4

3 に答える 3

3

イントラネットの入力に適切なデータを設定するフォームの onSubmit イベントを使用します。this.href は変更しないでください (フォームにはそのような属性はありません)。ただし、JavaScript はクライアント側で無効にできることに注意してください。i1 と i2 のフォームに非表示の入力を配置し、サーバー側ですべての組み合わせロジックを実行することも検討してください。

<form action="" onSubmit="urlGen()">
...
</form>

<script language="javascript" type="text/javascript">
                    function urlGen()
                        {


                            var i1 = "urlSeg1";
                            var i2 = document.getElementById('intranet').value;
                            var i3 = "urlSef2";

                            document.getElementById('intranet').value = i1 + i2 + i3;


                        }
                </script>
于 2010-07-21T19:49:04.497 に答える
3

たぶん次のようなもの：

<form action="" onSubmit="urlGen(this);" method="get" target="_blank">
    <input type="text" id="intranet" size="15" value="Search Intranet.."
                 onFocus="this.value = ''"
                 onBlur="this.value = 'Search Intranet..'" / >    
</form>

function urlGen(f){
   var i1 = 'urlSeg1';
   var i2 = f.intranet.value;
   var i3 = 'urlSef';
   f.action = i1 + i2 + i3;
   return true;
}
于 2010-07-21T19:51:44.053 に答える
0

また、これはサイドバー ガジェット用であり、ie で動作する必要があるだけであり、サーバー/クライアントの制限は null であることに注意してください。これらの方法の両方を試しました（私は思う-まだ初心者です）が、Enterキーを押すとページがリロードされるだけです（target = "_blank"は同じページの新しいページを開きます）。

送信ボタン領域を完全に廃止したいのですが、フォームタグがなくても機能します。

私が今持っているもの：

<div id="row2">

                <script language="javascript" type="text/javascript">
                    function urlGen(f)
                        {
                            var i1 = "seg1";
                            var i2 = f.intranet.value;
                            var i3 = "seg2";

                            var fullURL = i1 + i2 + i3;
                            f.action = i1 + i2 + i3;

                            return true;
                        }
                </script>

                <!-- Intranet Search -->
                <form action="" onSubmit="urlGen(this)" method="post" target="_blank">
                <input type="text" id="intranet" size="15" value="Search Intranet.."
                    onFocus="this.value = ''"
                    onBlur="this.value = 'Search Intranet..'" / >   
                </form>

            <br><br>

                <a href="javascript: void(0)" onClick="this.href = i1 + document.getElementById('intranet').value + i3" target="_blank">
                    <div id="submit" class="out"
                        onMouseOver="document.getElementById('submit').className = 'over';"
                        onMouseOut="document.getElementById('submit').className = 'out';">
                        <span>Submit</span>
                    </div>
                </a>
            </div>
于 2010-07-21T20:03:19.843 に答える