私のサイトのアドレスバーを実装する

バック、フォワード、リフレッシュ、停止などの基本的な機能を持つ私のサイト内にアドレスバーまたはURLバーがあります。多分もっと複雑かもしれませんが、歴史を保存する方法もあります。私は何度も探してきました。私のサイトのアドレスバーを実装する

2011-08-07 Mark_alot

：とにかくここ

あなたは大体これを実装するに取り掛かるべきかです：

$(function() { window.myBrowser = { 'addressBar': $('#addressBar'), 'browserWindow': $('#browserWindow'), 'backBtn': $('#backBtn'), 'forwardBtn': $('#forwardBtn'), 'goBtn': $('#goBtn') }; myBrowser.goBtn.click(function (event) { event.preventDefault(); var address = myBrowser.addressBar.val(); if (address && address.indexOf('http://') > -1) { myBrowser.browserWindow.attr('src', myBrowser.addressBar.val()); } else if (address) { myBrowser.browserWindow.attr('src', 'http://' + myBrowser.addressBar.val()); } // maybe play a little more to get the www and the rest into account // don't want to do the whole thing for you :) }); myBrowser.backBtn.click(function (event) { event.preventDefault(); browserWindowFrame.history.back(); }); myBrowser.forwardBtn.click(function (event) { event.preventDefault(); browserWindowFrame.history.forward(); }); });

体はこれですか？ – Maerlyn

フレームに搭載されていますか？ Iframes？ Webmonkeyは2003年にこれをやり直す方法に関するチュートリアルを持っていました。 –

ブラウザはそれをするはずです... –

を支援するためのすべての

おかげで私は、したがってプラスポイントQuasdunkさんのコメントを愛する:)とさえ私はそれを実装するために多くの理由が表示されませんが、ちょっと、多分その驚くべき何かを私たちがすることはできませんちっちゃなを見て知覚する。あなたがそれをしたいと思うのはなぜ

<a href='#' id='backBtn'>back</a> 
<a href='#' id='forwardBtn'>forward</a> 
<input type="text" id='addressBar' /> 
<a href='#' id='goBtn'>Go</a> 
<iframe id='browserWindow' src='' name='browserWindowFrame'></iframe>

出典

2011-08-07 22:58:10 XGreen

あなたはマウスの動きを最小限に抑えるために、底だけでなく上に持っていたいと思ったらどうでしょうか？モードレスウィンドウを開き、独自のカスタムインターフェイスを表示したい場合はどうなりますか？マウスの動きを最小限に抑えるために、ページ内のどこかにナビゲーションコントロールを配置する場合はどうしたらよいでしょうか？ ---これらの理由のすべては私には良いアイデアのようです:) – vol7ron

はい。私はちょうどあなたが撃つことができる、裂くことができるサイトを思い出し、あなたが望むどんなWebサイトでもインクなどを投げる。それは私の最後の仕事:)）） – XGreen

で行うには本当に楽しいでしたそれはよりfuntionalに今素晴らしい。それをバーにして、iframeで遊ぶ。ちょうどどのようにブラウザウィンドウのより良いコントロールを持っているのだろうかと思う。おかげでXGreen。 –

私のサイトのアドレスバーを実装する

答えて

関連する問題