4

トップにアドレスバーのみが表示されたポップアップウィンドウを全画面表示したい。最小化ボタンと閉じるボタンも表示されないようにする必要があります。現在、IE 9 でフル スクリーン モードに移行できるようにする次のコードを使用していますが、location=1 であってもアドレス バーは表示されません。

function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=no,scrollbars=no,toolbar=1,menubar=1,location=0,directories=1,status=0,channelmode=0,fullscreen=1')
}
4

1 に答える 1

0

ナビゲーション バーをフルスクリーンで表示する方法はまだないと思います。少なくとも、私が見つけたものからではありません。

このような場合は、アドレス バーをプログラムで再作成し、アドレス バーを使用するときに JavaScript を介して現在地をリセットする必要があります。必要に応じて、CSS スタイルを使用して、標準バーのように見えるようにすることができます。

次の例では、JS をさらに具体化しました。フォームのイベントで、ブラウザ内でリダイレクトを引き起こすためにsubmit使用できます。window.location.href有効な URL にするためには、入力を大幅に操作する必要があります (たとえば、場所をリセットする前に、それが有効なアドレスであることを確認します)。

また、URL として扱われないクエリが代わりに検索として扱われる、一般的なブラウザーに見られるような機能を追加することも検討します。これには Google Web API を使用できます: https://developers.google.com/web-search/docs/

オートコンプリートのブラウザー履歴にはアクセスできません。これは、よくアクセスするサイトのライブラリを保持し、オートコンプリート ライブラリを使用して支援することで解決できる可能性があります。

ご質問に対する直接の回答ではありませんが、少しでもお役に立てれば幸いです。

HTML
<div class="modal">
  <form>
    <input type="text"></input>
  </form>
</div>


JS

(function(){

document.getElementById("nav-form").addEventListener("submit", function(e){
    var val = document.getElementById("nav-bar").value;
    //parse and execute the navigation command
    //in here, we would check to make sure it's valid, etc.
    //and format it to make sure it's a working url
    //and keep a case for if it's not a valid url,
    //in which case you can leverage the google search api
    window.location.href = val;
});

}(window));

上記の要点を示す JS Fiddle: http://jsfiddle.net/x8heK/2/

于 2013-02-27T14:11:59.420 に答える