私は html/css/javascript で書かれたタブビューアーを持っていますが、これを少し変更したいと思います。今のところ、各タブを切り替えると、コンテンツを切り替えるだけです。私がやりたいのは、各タブを新しいウィンドウで開き、各タブを別々のファイルに入れることです。
これを行う簡単な方法はありますか?
私は html/css/javascript で書かれたタブビューアーを持っていますが、これを少し変更したいと思います。今のところ、各タブを切り替えると、コンテンツを切り替えるだけです。私がやりたいのは、各タブを新しいウィンドウで開き、各タブを別々のファイルに入れることです。
これを行う簡単な方法はありますか?
タブにリンクを貼るtarget="_blank"
<a href="tab1.html" target="_blank">Tab1</a>
編集:属性は廃止されるtarget
可能性があります (または、@Tim Medora のコメントを参照してください) 。 . w3schools.com から:_blank: Opens the linked document in a new window or tab
簡単にするために、コンテンツを別々のファイルに保存するのが好きです。そうしないと、各ページでかなり広範囲になります
jQuery UI タブ + AJAX はどうですか?
ドキュメント: http://jqueryui.com/demos/tabs/#ajax
デモ: http://jqueryui.com/demos/tabs/ajax.html
または、独自のタブ コントロールが既にある場合は、少しの JS を使用してタブの変更を検出し、AJAX を使用して動的にコンテンツを読み込むことができます。
本当に新しいウィンドウが必要な場合 (質問からは不明)、タブの使用は誤解を招きます。その時点で、それはただのメニューでなければなりません。タブがすべて新しいウィンドウで開かれると、混乱したりイライラしたりします。