ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

イメージマップの中でのリンク

日時: 2008/06/22 16:28
識別: IDj4IyKib31MQ
名前:

初めて質問させていただきます。m(__)m

HPビルダー作業で、地図をjpgで貼り付けました。
その中にリンクをつけるために、イメージマップで作業をしました。
この作業で普通にリンクがつけられ、別窓で開くことはできましたが
この別窓の固定サイズで小さく開くことができますでしょうか?

もし、出来るとすればご存知の方、その方法を教えていただくと
大変助かります。
よろしくお願いいたします。(以下、作成例ソースです)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.3.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<P align="center"><BR>
<BR>
<IMG src="image2.jpg" width="400" height="464" border="0" usemap="#image2"><BR>
<BR>
<BR>
<BR>
<BR>
</P>
<MAP name="image2">
<AREA href="newpage4.html" target="_blank" shape="rect" coords="153,208 227,248" alt="梅田DTタワー">
<AREA shape="default" nohref>
</MAP><MAP name="image">
<AREA target="_blank" shape="rect" coords="164,217 226,245" alt="梅田DTタワー" href="newpage4.html">
<AREA shape="default" nohref>
</MAP></BODY>
</HTML>

Re: イメージマップの中でのリンク ( No.1 )
日時: 2008/06/23 10:24
名前:

(^^)

おはようございます。
昨日は、こちらの掲示板に質問を書き込みさせていただきありがとうございました。
その後も私なりに調べておりましたところ、解決の糸口をみつけましたのでご連絡いたします。

上ソース内、
<TITLE></TITLE>
</HEAD>
の間に以下のソースをいれました。


<SCRIPT language="JavaScript">
<!--HPB_SCRIPT_CODE_40
function _HpbJumpURLinNewWindow(url)
{
if (url != '')
{
window.open(url, "new","width=300,height=600");
}
}
//-->
</SCRIPT>

この方法は、貼り付けた jpg の上で 右ボタン イベントの編集 をクリックし
イベント内 → OnClick
アクション内 → +ウィンドウ内の新しいウィンドウを開き・・・ をクリック。
登録 をクリックして 小さい窓に表示したいhtmlを入れる。

あとは OK をクリックし、 次に スクリプト をクリック。

function・・・ という文字がでるのでそれをクリックして下画面にソースがでる。
 
window.open(url, "new","width=300,height=600");
             ↑その中で、幅とか高さを自分用に数値を変更する。
よければOKをクリックして終わる。

次に、htmlのソースを見ると、余計なものがあるので(以下)

<SCRIPT language="JavaScript">
<!--
// 左のウィンドウからアイテムをドラッグして
// ここにドロップするか、マウスの右ボタン
// でポップアップ メニューを出して「スクリプト
// に挿入」を選択して、現在のカーソル位置に
// コードを挿入します。

//-->
</SCRIPT>

これを削除すればいい。

長くなりましたが、以上の操作をしましたところ、うまくできました。
きちんと説明ができていないかもしれませんが、以上のように解決いたしましたことをご報告させていただきます。

ありがとうございました。m(__)m


ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved