• ベストアンサー

画像マップにJavaScriptで違うウィンドウを…

今、Webデザインをしていて、画像イメージにMAP処理をして 新しいウィンドウを開きたいのですが、1つのウィンドウならば開く事ができるのですが 1つのウィンドウを開いて、次のリンクを元ページから クリックして、その『開いた中のウィンドウ』を変える 事はできるのでしょうか? (Aを押すと(マップで)Bが別ウィンドウで開いて Aの違うリンクを押すと、BがCのページに読みこまれて変わる) 取りあえず、MAP処理と言うのがやっぱり、ネックなんでしょうか? 色々、試してみましたが、やぱり出来ませんでした… うう。。。誰か、助けてくださいーー(涙)

  • hrs
  • お礼率29% (29/98)

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

  • ベストアンサー
  • shigatsu
  • ベストアンサー率26% (511/1924)
回答No.2

確かに解読するのが難しい質問ですね。 window.open() の第二パラメータはウィンドウ名のはず なので、ウィンドウは使いまわしできると思うんですけ ど・・・毎回オープンしちゃうのがいけないのかなぁ。 リモコンウィンドウを表示させているようですが、結構 面倒ですよね。新しいOKWebのUIも参考にしてみたら いかがでしょう?別ウィンドウにしなくても何とかなる もんです。 もう少し具体的な補足説明があると良いかなぁ。 説明するときは、落ちついて同じ意味の言葉は同じキー ワードで説明したほうが良いですね。 ウィンドウとページってちょっと混同しやすいです。 JavaScript 使わなくても A タグのパラメータを使えば 同じウィンドウを使いまわしできますね。 <A HREF SRC="url" TARGET="window name"> まぁ同じサイズのウィンドウになっちゃいますけどね。

hrs
質問者

補足

分かりにくい書き方で申し訳ございません… やはり、僕の中途半端なHTML知識では まだまだ、至らないところばかりです。 なんと、いいますか『JavaScript』じゃなくても よかったのですが、普通にAタグで、新しいウインドウ を開いた場合に、ページのメニューバーや、ツールバー ステータスバー等がでてしまいますよね? それを消したかったので、思いつく方法がなかったので>JavaScriptしかないなぁと。 Aタグにした場合、メインのウィンドウ(以下①)が全画面で次にAタグで開いた別ウィンドウ(以下②)が開いたときはいいのですが、 ①でまた、違うリンクを指定したときに、②のウィンドウは別の②のウィンドウのまま違う内容に変わるのですが ①の下になったままで読みこまれてしまって、 ちょっと見にくいのです。その②を一番上に読み込ませる やり方はないのですか? 分かりにくい文章で申し訳ございません… よろしくお願いいたします。では。

その他の回答 (2)

noname#25358
noname#25358
回答No.3

 補足見ました。 function navi_win() {  の部分に何も書かれていなければ、 href="javascript:navi_win()"  の部分には何も書かなくていいです。これは引数を渡すための物なので。  それから、sigatsuさんに対する補足を見てやっと分かりましたが、下になったウィンドウを上にもって来るには、openではなく、focus()というメソッドを使います。  すでに開いてしまっているウィンドウを上に持って来るには、 w.focus()  と記述すればOkです。ただしこのメソッドは、すでに閉じてしまっているウィンドウに対して行うとエラーが返りますから気を付けてください。

noname#25358
noname#25358
回答No.1

 なんだか風を吹かせて桶屋を儲からす、みたいな複雑な話になっていますが(笑)、要するにBのウィンドウを使い回したいわけですよね?  そういうときはwindow.openメソッドを使う際に、ウィンドウ名を指定すればOkです。  たとえば、 open("./Window_B.htm"); open("./Window_C.htm");  とまあ、上記のような命令がそれぞれ独立して記述されていると思うんですが、このとき、 open("./Window_B.htm","WinName"); open("./Window_C.htm","WinName");  というように、openの第2引数にウィンドウ名を指定してあげます。このとき"WinName"は、統一さえされていれば何でも好きなものでOkです。  なお、MAP処理は見た目に関する物なので関係ありません(笑)

hrs
質問者

補足

いつもありがとうございます。 と、取りあえずソースを書いてみます。 <script language="javascript"> <!-- function navi_win() { self.window.name="main" w = window.open('', 'Remocon', 'width=400,height=208,status=no,scrollbars=no,directories=no,menubar=no,resizable=no,toolbar=no'); if (w != null) { if (w.opener == null) { w.opener = self; } w.location.href = 'a1.html'; // } } </script> と、言う定義をして (す、すいません、本のを打ち込んだだけなんです…) リンクのところが <area shape="rect" coords="27,95,51,108" href="javascript:navi_win()"> こんな感じなんですけどこの時の "javascript:navi_win()" の()の中はなにもいらないでしょうか・・・? う、うぐぅ。 やはり、本を読んで解読しろって事なのでしょうか… ど、どうかよろしくお願いしますっ。

関連するQ&A

  • POPUPで開いた別ウィンドウからの操作

    もともとのページから小さい別ウィンドウを開き、そこから最初のページを操作させたいと思っています。 イメージは大体こんなかんじです。 簡単な気もするのですがよろしくおねがいします。 A(元ページ)からBをオープン  →B(POPUPウィンドウ、JAVAスクリプトにて小窓サイズで表示)  →B内にCページへのリンク  →Cへのリンクをクリック(Bにて)  →AページがCページに切り替わる   (Bは閉じない。可能ならCページをアクティブにしたい)

  • 別フレームで開いたウインドウの制御

    ================ フレームA Aリンク ----------------- フレームB リンクB ================ このような形のページで、 リンクA,リンクBをクリックすると それぞれwindow.openで ウインドウが開く処理をしているのですが、 もし、フレームAのリンクAを選択したときに リンクBのウインドウが開いていた場合、 リンクBで開いたウインドウを閉じてから リンクAのウインドウをオープンするという処理を追加したいのですが、 この場合、どのように処理をすればよいのでしょうか? 御回答、よろしくお願いします。

  • クリッカブルマップから 小ウィンドウを出して閉じれますか?

    クリッカブルマップをクリックして 小ウィンドウをサイズ指定で出して ウィンドウにはツールバーやメニューバーなど表示させないで一番シンプルに出したいのです。 小ウィンドウを閉じる時にはウィンドウ内に作ったGIFボタンで閉じさせたいのですが どのようにしたら良いのでしょうか? クリッカブルマップでは無くてテキストからのリンクから小ウィンドウを出すテストでは成功したのですがクリッカブルにしたら複雑すぎてよく分からなくなってしまいました よろしくおねがいしまーす

  • javascriptについて

    初心者なのでまったく分かりません。 教えてください。 テキストリンク(1)をクリック→リンク先(1)のWEBページが開く      ↓ テキストリンク(2)が出現 テキストリンク(1)をクリックすることにより、 新しいウインドウでリンク先のページが出るのと同時に テキストリンク(2)を表示させたいのです。 (テキストリンク(2)の出現場所は、  テキストリンク(1)と入れ替え もしくは その下) どなたか教えてください。 よろしくお願いします。

  • イメージマップを使うと、一部のPCで元画像のリンクが反応しない

    こんばんは、早速質問させていただきます。 質問の内容はWEB制作についてです。 HPの上部に一枚の画像を配置して、その画像をクリックすると常にトップページに戻るようにリンクを貼りました。 それからその画像の一部にイメージマップで新たに別のリンクを貼ったところ、画像のリンクが反応しなくなってしまいました。 で、ここからがよく分からない点なのですが、このリンクが反応しなくなる現象が全てのパソコンで起こるわけではなくて、一部のパソコン(具体的には制作監督の方のPC)でだけ起きてしまうというところなんです。 制作している自分のPCでは画像のリンクも、イメージマップのリンクも問題なく反応しているのに、上記PCでは反応しなくなる。 イメージマップの設定をとると、画像のリンクはまた反応してくれるのですが、これについて何かわかる方いらっしゃいますでしょうか? ちなみに制作はMacで全て行っていて、問題のリンクが反応しなくなるPCもMacのノート型です。ブラウザはsafariです。 HPの作りとしては<div>で領域を分けながらCSSでレイアウトを調整するスタイルで、画像は<div="headerimage">という領域に入れています。 現在は画像に別にイメージマップを設定して、それをトップページへのリンクにすることでとりあえず対応しています。そもそもイメージマップ自体を使わないという方法も検討中ですが、個人的にも気になっているので何か分かればいいなぁ、と質問させていただきました。 よろしくお願いします。 質問わかりにくければ追記いたしますので、ご指摘ください。

    • ベストアンサー
    • HTML
  • 画像をぴったりウィンドウ内に収めるには?

    こんにちは!写真をスキャンで読み、フォトショップで加工し、 WEB用に保存(JPG)しFecthでライコス無料ホームページにアップしました。 ここまではなんとかでき、タグを<img src="++++++">として、表示することまではうまくいきました。 ●ただ、イメージの周りに隙間が空いちゃうんです。 これを隙間なくウィンドウ内に収めるにはどうすればいいんですか? これをトップページにし、このイメージ自体にリンクを設定して ワンクリックしてメニューページに跳ぶようにするつもりです。 ●また、ウィンドウの右下の四角を、閲覧者が引っ張って大きさを調整するときにこのイメージ以上に大きくしても余白がつかないようにしたいんです。 ●今作成中のこのHPにたどりついた時の、閲覧者が見れる大きさがイメージぴったりの大きさにできればそうしたいです。ちなみに720*519ピクセルです。 質問内容をうまくかけなかったかもしれません。 わからなかったら捕足下さい。 どなたか、教えていただければ幸いです。お願いします☆

    • ベストアンサー
    • HTML
  • イメージマップでリンク先のウィンドウサイズまで設定したい

    イメージマップでリンクするように作っているのですが、リンク先のページのサイズを幅200、高さ200とかで指定をしたいのですが上手くいきません。 window.openなどではサイズを固定した状態でリンクできているのですが、それをイメージマップに組み込もうとすると上手くいかないのです。 どこに入れたら上手く表示できますか?または 無理なのでしょうか? 申し訳ありませんが、急いでいます。 どなたか教えてください。

  • リンク先を開くウィンドウを指定できますか

    ページ構成としては、 A:メインページ B:メインページから開かれる新しいページ となっています。 メインページからリンクをクリックすると、 新しいウィンドウが開き、Bのページが表示されます。 ここで、Bのページのリンクをクリックすると、 Aのメインページ内にそのリンク先を開きたいのですが 可能でしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • クリッカブルマップがきかない!?

    html初心者です。 地図の画像上に複数のにクリッカブルマップを作成して、同ページ内のアンカーリンクへリンクを設定しています。 ※クリッカブルマップはDreamweaverで作成しています。 IEではちゃんとリンク先に行くのですが、ネスケだと、リンク先に移動しません。。どこが悪いのでしょうか??ソースは下記にある通りです。 なにか決定的にタグが抜けているんでしょうか?? 皆様、初心者な私にどうか教えてください。 よろしくお願いします。。。 ---------------------------------------------- <BODY> <div align="left"> <img src="image/map.gif" width="500" height="300" border="0" usemap="#Map"> <MAP name="Map"> <AREA shape="rect" coords="342,38,447,65" href="#01"> <AREA shape="rect" coords="333,108,439,144" href="#02"> </MAP> </div> <div> <A name="#01">一丁目</A> <A name="#02">二丁目</A> </div> </BODY>

    • ベストアンサー
    • HTML
  • IEで別のウィンドウでいくつか開いたときに

    初心者です。IEにおいてなんですが。Aというページから別ウィンドウでB、C、Dのウィンドウを開いて計4つのウィンドウにします。そのときに前はただAのウィンドウのリンク張ってない部分をクリックするだけで元のAが見れたんですが、今のはB、C、Dのどれかを右クリックで最小化あるいは最大化してからタスクバーのAをクリックしないとみれません。どういうことでしょうか?B、C、Dが常に手前に表示みたいな感じです。長くなって、意味もあまりわからないと思いますがどうぞよろしくお願いします