window
トップページ > 記事閲覧
*イメージマップの中でのリンク
日時: 2008/06/22 16:28
識別: ID:WbZtXPfCVZ91
名前:
初めて質問させていただきます。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
メンテ
- ( No.2 )
日時: 2011/12/10 04:09
名前: pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存