• ベストアンサー

ホームページビルダーについて教えてください。（ちょっと急いでます）

今、ホームページビルダーをしているのですが、ちょっとわからないことがあります。 文字をクリックして新しいページが開き、そのページは小窓のウィンドウズで大きさ・位置を指定できるようにしました。 　ここからしたいことがあるのですが、 そのページの文字をクリックして新しい窓のウィンドウが出ますが、さっきのページのまた違う文字をクリックするとまた新しい小窓のウィンドウが出ます。 　何回も新しい小窓のウィンドウがたくさん出るとうざったいので、クリックするたびに新しいウィンドウが出ないで、１回目のクリックで新しいウィンドウが出てそれからクリックしてもその同じ小窓のウィンドウでページを開かせたいと思っています。 <A href="xxxxxxx.txt" target="_blank" onclick="window.open('http://www.yahoo.co.jp','','width=470,height=460,left=530,top=100,resizable=yes,scrollbars=yes,channelmode=no');return(false)">tomo</A> 　 一応、ここまでしたのですが、後何を加えたらいいかと思いますか？ 説明がわかりにくくなったと思います。もし、意味がわからないところがありましたらおっしゃってください。すぐに返答します。 　詳しい方教えてください！ 　

質問者が選んだベストアンサー

  • ベストアンサー
  • de_vo
  • ベストアンサー率28% (148/523)
回答No.2

#1です 私の場合テキストエディタですが、<Body>タグの中に以下を書き込むと2つとも同じウィンドウで開きますよ。 <A href="a.txt" target="_aaa" onclick="window.open('http://www.yahoo.co.jp','','width=470,height=460,left=530,top=100,resizable=yes,scrollbars=yes,channelmode=no');return(false)">tomo</A> <A href="a.txt" target="_aaa" onclick="window.open('http://okweb.jp/search.php3','','width=470,height=460,left=530,top=100,resizable=yes,scrollbars=yes,channelmode=no');return(false)">tomo</A>

torotoro2
質問者

補足

ありがとうございます。 おかしいですね～。同じようにそのままエディタにＢＯＤＹの間に入れたのですが、同じウィンドウで開かないんです。 　左側のｔｏｍｏをクリックしたら新しい小窓が開いて次に右側のｔｏｍｏをクリックするとさっき新しい小窓が開いたウィンドウに開くはずなんですけどねー。 　 　

その他の回答 (4)

  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.5

#4です。 変な記述ミスを犯していましたね。 大変失礼致しました。 （普段あまり使い慣れていないMacで書き込みしましたので、言い訳ですが、ごめんなさい） 以下訂正です。 リンク元「sample.html」で・・ 誤<budy> → 正<body> 誤</dody> → 正</body> 肝心のScript部分は間違っていないと思います。

torotoro2
質問者

お礼

そうだったんですか～（笑）普通にコピーして張り付けてたけどできてました。

  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.4

JavaScriptのwindowオブジェクトを使い、window.openで常に同じ子ウインドウでhtmlを開くためには、window.open("リンク先のURL","開かれるウインドウの名前","ウインドウの各スタイル")のように、「"開かれるウインドウの名前"」を記述する必要があります。 正しく動作させるために注意しなければならない点は、子ウインドウが開いているときにリンク元となる親ウインドウがクリックされるなど、フォーカスが子ウインドウから親ウインドウに奪われると、子ウインドウが親ウインドウの裏に隠れてしまい、以後リンクをクリックしても表に出てこなくなり、閲覧者の目に触れることが出来なくなってしまうことがあり得ます。 その不具合を防止するためには、リンク先となるHTMLにJavaScriptのonBlurイベントハンドラを使って、子ウインドウがフォーカスを失ったときにウインドウを閉じさせる必要があります。 リンク先のHTMLのbodyタグを<body onBlur="window.close()">のように記述します。 以下は、HTMLでの記述例です。 リンク元「sample.html」では、リンク先「test1.html」と「test2.html」を共にウインドウ名「subwin」で開かせています。 ウインドウのスタイルは、例としての記述ですから、不要な属性と値は削除して下さい。 リンク元「sample.html」の記述例・・・ <html> <head> <title>リンク元Sample</title> <script type="text/javascript"> <!-- function OpenWin(url) { window.open(url,"subwin","menubar=yes,status=yes,toolbar=yes,location=yes,directories=yes,resizable=yes,scrollbar=yes,channelmode=yes,width=470,height=460,left=530,top=100"); } //--> </script> </head> <budy> <a href="javascript:OpenWin('test1.html')">test1.htmlをsubwinウィンドウで開く</a> <br> <a href="javascript:OpenWin('test2.html')">test2.htmlをsubwinウィンドウで開く</a> </dody> </html> リンク先「test1.html」の記述例・・・ <html> <head> <title>リンク先１</title> </head> <body onBlur="window.close()"> これはリンク先１です </body> </html> リンク先「test2.html」の記述例・・・ <html> <head> <title>リンク先2</title> </head> <body onBlur="window.close()"> これはリンク先2です </body> </html>

torotoro2
質問者

お礼

ありがとうございました！ 試してみたらできました！。 一応できたのですが、なぜか動きがぎこちないと言うか、パソコンの画面が全体的に揺れる感じなんです。 　それでいろいろ試したのですがJoh_Takaさんとde_voさんのをコラボレーションをしたら理想な小窓ができました☆☆ 　揺れることもなく裏に隠れることもありません。 　この＜on Blur＞の意味を初めて知って良かったです。 　お二人様の知恵で本当に助かりました！長いこと付き合っていただいてありがとうございました！

  • de_vo
  • ベストアンサー率28% (148/523)
回答No.3

名誉挽回・・・ これでどう? <html> <head> <script language="JavaScript" type="text/javascript"> <!-- function MM_openBrWindow(theURL,winName,features) { window.open(theURL,winName,features); } //--></script> </head> <body> <a href="javascript:MM_openBrWindow('http://www.yahoo.co.jp','_aaa','toolbar= 0,location=0,directories=0,status=0,menubar=no,scrollbars=yes,resizable=yes,width=300,height=300,left=0,top=100')">tomo1</a></b></font> <A href="http://okweb.jp/search.php3" target="_aaa">tomo2</A> </body> </html>

torotoro2
質問者

補足

ありがとうございます！小窓開いて同じウィンドウででるようになりました♪ 　せっかくここまで調べてくれたのに申し訳ないのですが、 　同じ小窓はできたのですが、クリックすると一回目は窓が開くのですが、２回目すると小窓が裏にいって見えなくなりますよね？クリックしたらタスクバーで開かないでしっかり表に開くようにできたらなおいいのですが・・。 けど、ここまでこれたのもｄｅ_ｖｏさんのおかげです。かなり近づいてきました。本当にありがとうございます♪

  • de_vo
  • ベストアンサー率28% (148/523)
回答No.1

target="_blank" の"_blank"を固有の名前・・例えば target="_aaa" などにすれば同じウィンドウで子ウィンドウが開くと思いますよ。

torotoro2
質問者

お礼

ありがとうございます。今、試してみたのですがやっぱりできませんでした。う～ん・・・どこがいけないんだろう。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • a Onclickでブラウザによってポップアップしない

    以下のa onClickで別ウィンドウを開くようにしたいのですが、 ウィンドウが２つ開いてしまいます。どうしてでしょうか？ <a onClick="window.open('http://www.xxxxx.com/index.html','_blank','toolbar=no,status=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=yes,width=760,height=430')" target="_blank" style="text-decoration : none;" href="http://www.xxxxx.com/index.html">

  • 親ウィンドウがページ先頭にもどってしまいます

    ＨＴＭＬでホームページ作成作業をしています。 各所でページ内容の詳細を小ウィンドウで表示させるようにしているのですが、小ウィンドウが開くとクリックしたもとの親ウィンドウがページの先頭まで戻ってしまいます。クリックしても親ページが動かない方法がありましたらご教授願います。ちなみにタグはこんな感じです。宜しくお願いします。 <a href="#" onClick="window.open('photo001.html','','width=630,height=450,menubar=no,resizable=yes,scrollbars=yes,status=no,');">写真あり</a>

    • ベストアンサー
    • HTML
  • JavaScriptを使用して小窓を開く際・・

    現在ＨＰを作成しており、JavaScriptを使用して小窓を開くように設定しております。 ページは縦に長く、小窓を開くリンクはページの最下部に貼っています。 リンクをクリックすると小窓は開くのですが、なぜか親ページがページ最下部からトップにスクロールしてしまうのです。 最下部に留めるようにしたいのですが、どうすればよいのでしょうか。 リンク部分には下記のように記載しております。 <A href="#" onclick="window.open ('http://*****', 'new','toolbar=no, location=no,directories=no, scrollbars=yes, resizable=no, status=no,width=600,height=430');">*** (B)</A>

  • ブラウザサイズをフルサイズで表示させる方法

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } ： <A href="javascript:wopen('/index.html')">

  • 小さいウインドウ

    ＨＰに小さいウインドウをひらいてそこにアンケートをつくりたいのですが <A HREF="アンケートの説明のURL" onClick='window.open("アンケート用紙のURL","ファイルの名前）","width=350,height=200,toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=yes")'">アンケート</a> 今このようにしているのですが １回「アンケート」という所をクリックして小さいウインドウを開き、 アンケートの中身をかきこんで送信する前に 他のページに行ってまた「アンケート」というところをクリックすると 小さいウインドウのかきこんでおいたアンケートの内容が全て消えてしまうのですが、消えないようにするにはどうしたらいいでしょうか。 教えてください。

    • ベストアンサー
    • HTML
  • ＨＰでポップアップリンクを使いたい

    文字をクリックすると小窓が開いてページが表示されるようにしたいのですが、 <A href="javascript:w=window.open('アドレス','','scrollbars=yes,Width=250,Height=100');w.focus();">クリック</A> のように、でもアドレス（URL）じゃなくファイル（html）へリンクできるようにしたいです。 できますか？ 教えてください！ お願いします。

    • ベストアンサー
    • HTML
  • 指定場所にジャンプと、新しいウィンドウを開くを指定すると動かない

    　フレーム分割して本文と本文に対して語句の説明で別々に指定すると動きますが、指定場所にジャンプと新しいウィンドウを開くを両方指定すると起動しません。 <BASE target="ue"> <SCRIPT Language="JavaScript"><!-- function op_gen_2u3z() { window.open("../../h/h_h/genro_2u3z.htm","_blank","width=500,height=600 left=1,top=1,scrollbars=yes,resizable=yes");} function op_gen_z02() { window.open("../../h/suraido/genro_z02.htm","_blank","width=500,height=600 left=1,top=1,scrollbars=yes,resizable=yes");} // --></SCRIPT> 指定して 本文の記述内容で下記のように使用しています。 <A HREF="gen_er_2u3.htm#t-33">弐拾ケ年已前</A> <A HREF="javascript:op_gen_z02()">黒川山</A> でも「黒川山」の指定を下記のように指定すると動きます <A HREF="javaScript:void(0)" onClick="window.open('../../h/suraido/genro_z02.htm','_blank','width=350,height=700 left=300,top=1,scrollbars=yes')">黒川山</A> 　但し履歴が消せません　標準設定では、xp Service Pack2　のローカル マシン ゾーンでは、新しいウィンドウは開きますが、「ページを表示できません。」と　語句の説明のフレームに表示されます。 上記方法の記述での誤りを教えて下さい

  • 同じアンカーを複数回クリックしても、新しいウィンドウを開きたくない

    同じアンカーを複数回クリックしても、新しいウィンドウを何個も開きたくないのですが、何個も開いてしまいます。 下記の内容で、新しいウィンドウを何個も開かないようにできますでしょうか？ <a href="javascript:void(0)" onclick="window.open('/～/～?path=koA.html','_blank','width=400,hei ght=300,menuber=no,toolbar=no,scrollbars=yes,status=yes,resizable=yes');">子画面Ａ</a> <a href="javascript:void(0)" onclick="window.open('/～/～?path=koB.html','_blank','width=400,hei ght=300,menuber=no,toolbar=no,scrollbars=yes,status=yes,resizable=yes');">子画面Ｂ</a> 上記のような記述をしています。 （cgiで、"ko*.html"と"子画面*"の部分を編集し、このようなアンカーを不特定数生成しています。） 　子画面Ａ　をクリックすると、koA.htmlが開きます。 　子画面Ｂ　をクリックすると、koB.htmlが開きます。 　再度、 　子画面Ａ　をクリックすると、koA.htmlが“もう一つ”開きます。 　今、子画面Ａが２個、子画面Ｂが１個、開いています。 ■やりたい事は、 　子画面Ａを再度クリックした時、子画面Ａをもう一つ開きたくないのです。 子画面Ａと子画面Ｂは別の内容だから、別々に開きたいので、name(ウィンドウ名)を固定にしたくないです。 なので、ウィンドウ名に_blankを設定していますが・・・。 　（勘違いしているのかもしれませんが、name（ウィンドウ名）はtarget属性と同じ意味なのですよね？ 　　と言うことは、nameを指定すると固定するということになるのですよね？） 実現するための良い方法がありましたら、お教えください。 （理解不足で、トンチンカンな質問しているかもしれませんが・・・） 宜しくお願いいたします。

  • Javaを実行しようとすると「ページでエラーが発生しました」？

    メモ帳でHPを作成中です。 Javaで <script language="javascript"> <!--- function abc(){window.open("name.html","abc", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no ,resizable=yes, width=500,height=180")} //---> </script> <a href="url" target="abc">name</a>として 文字をクリックすると小窓が開くようにしたいのです。、過去の質問でも同様のものがあり、その通りにしたみました。しかし、文字をクリックしてもアンダーバーのところに「ページでエラーが発生しました」という文字がでて小窓が開きません。 ドリーム小説と言うものの、名前を入力するページだけを別にしたいのですが・・・ IE6.0 OSは98です。 分かる方、回答をよろしくお願いします。

  • java script作ったのですがうまく出来ません　１

    下記のを作成したのですがウインドウが３つめまでしか開きません。 ご指摘お願いします。初心者です。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function window_open(){ w1 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w2 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w3 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w4 = window.open("http://www.yahoo.co.jp/"," _blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w5 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w6 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes");

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する