- ベストアンサー
子画面で画像を表示したい
親画面に画像が表示されていて下記のようなＨＴＭＬのＡＲＥＡを 使用しています。 <BODY> <DIV> <IMG src="abcde.gif" usemap="#m_map"> <MAP name="m_map"> <AREA shape="rect" coords="10,10,400,400" href="abc.html" alt="周囲" target="_blank"> </MAP> </DIV> </BODY> エリア選択した後に子画面 ・画面サイズ:300×300 ・画面位置:縦方向100,横方向100 ・画面スクロールなし の状態で表示したいのですが、 JavaScriptの作成方法がわかりません。 （やったのですが、うまく表示されません。） すみませんが、参考になる回答を教えて頂けないでしょうか？ よろしくお願い致します。
- keiko1985
- お礼率60% (17/28)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
趣味でHPを作成している者です クリッカブルマップで作成していて リンクを押すと小窓が出るように設定したいと言うことだと 認識して回答します。 <head> <script type="text/JavaScript"> <!-- function OpenWin1(){ win1=window.open("表示するURL","new1","width=300,height=300,left=100,top=100, scrollbars=no"); } // --> </SCRIPT> </head> クリッカブルマップ内 <area shape="" coords="" heaf="javascript:OpenWin1()" alt=""> 様はリンクのアドレス部分にJavaScriptプログラムを 入れると新しいウィンドウが出ます。 私も独学でやっているのでこれはかなり苦労しました…。 なかなかサブウィンドウが表示されずエラーばっかりで…。 １週間位格闘したのを思い出します。 色々なサイトに載っているままやってもなかなか JavaScriptは作動しないものです。 なぜでしょうね？？ あと、<script type="">でも<script language="">でも どちらでも良いですが、だんだん後者は使わない流れになってます。 まだ当分は使ってられますけど。 最後にJavaScriptとCSSは外部に別に専用の.jsと.cssという拡張子で コードを直接入力(今回で言うとfanctionからいきなり書いてきます <script～もいりません)したものを作っておいてそれをHTMLに 呼び出した(head内に<script type="text/JavaScript" src="お好きな名前.js"></script>)方がHTMLがすっきりします
その他の回答 (1)
- worst_shin
- ベストアンサー率55% (69/125)
<HEAD></HEAD>の間に <SCRIPT language="JavaScript"> <!-- function newWio01(){ Win1=window.open("表示したいURL","width=300,height=300,left=100,top=100,scrollbars=no"); } // --> </SCRIPT> <BODY></BODY>の間に <A href="javascript:newWio01()">ここは文字</A> (これは文字をクリックして小窓を出す方法） もしくは、 <A href="javascript:newWio01()"><IMG src="abcde.gif" width="240" height="265" border="0" ></A> （こっちは画像をクリックして小窓を出す方法） ※ width=300,height=300,left=15,top=30,scrollbars=no 幅が300 高さが300 表示される位置 左から100 上から100 スクロールバーが無しという意味です これは小窓を出す方法ですが これで良いと思うんだけど （target="_blank" となっているんで、別窓 の設定だし・・・）
お礼
ご回答ありがとうございます。 ただこの方法ですと、abcde.gif画像自体が小さく表示されてしまいます。 abcde.gif画像の一部分(AREAのshape="rect" coords="10,10,400,400")をクリックすると子画面を表示するようにしたいのです。 どうか、よろしくお願い致します。
お礼
回答ありがとうございます。 早速実行してみました。 子画面は表示されましたが、画面の内容が表示されませんでした。 子画面のＵＲＬを調べてみたら、javascript:OpenWin1() となっており、うまくリンクされていないようです。 この点、どうして表示されないのか教えて下さい。 よろしくお願い致します。
補足
keiko1985です。 この回答へのお礼を書いた後、プログラムソースをよく見ると プログラムミスがありました。 修正後、実行したら出来ました。 本当にありがとうございました。