同じウインドウを使いまわす

adminさんのユーザアバター

別ウインドウの表示を切り替える

リンクをクリックして、一度新しくウインドウを開いたら、以降、リンクをクリックしても、もう新しいウインドウは開かずに、最初に開いた新しいウインドウにリンク先のページを表示することができます。

googleの検索結果のリンクをクリックした時に、最初に新しいウインドウが立ち上がるのに、次からは、新しいウインドウが立ち上がらずに、最初に立ち上がったウインドウに、次にクリックしたリンクの内容が表示されることが、ずっと、不思議に思っていました。
その方法が分かったので、ご報告

リンクのタグに、target="_blank"と指定すると新しいウインドウが立ち上がります。
これとは、別に、target="適当な名前"を指定すると、

①PCの画面上にその名前のウインドウが立ち上がっていないと、同様に、新しいウインドウが開きます。

②そして、前に開いたウインドウと同じ名前をターゲットにしたリンクをクリックすると、新しいウインドウが開かずに、既に開いているその名前のウインドウに新しいリンク先の情報が表示されるのです。
 

インラインフレームの中身を切り替える

これも、前述の「リンクをクリックして、一度・・・・・」と同じようなやり方になります。

インラインフレームに適当な名前をつけておき、リンクのターゲットにその名前を指定すれば、リンクをクリックすると、新しいウインドウが開いたり、元のページが切り替わったりしないで、元のページのインラインフレームの中身だけを切り替えて表示できるということです。

(私は、このことが分かるまでに1年近くかかってしまいました^_^;)

関連書籍



HTML+CSSコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
著者: こもりまさあき、西畑一馬、浜俊太朗   出版年月: 2010-08-25  
定価: ¥ 2,625 (新品)
iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法
著者: Jonathan Stark   出版年月: 2010-08-07  
定価: ¥ 1,995 (新品)
全部無料でつくるはじめてのホームページ & HTML for Windows 7/Vista/XP
著者: 浅岡 省一   出版年月: 2010-07-30  
定価: ¥ 1,869 (新品)
日経ソフトウエア 2010年 09月号 [雑誌]
出版年月: 2010-07-24  
定価: ¥ 1,180 (新品), ¥ 1,130 (中古)
Dreamweaver CS5 HTML&CSS Webデザイナー養成講座
著者: 村谷 圭一   出版年月: 2010-07  
定価: ¥ 2,814 (新品)
Your rating: なし Average: 5 (1 vote)