WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ロールオーバーとOnclickのjsファイル内での併用

0:[投稿] U-157 [2004/01/10 14:04 ][環境:IE6 なし。(HPビルダーにて動作確認テスト中)]

【jsファイルの内容】
var exp = new Array(17);
開始 = "<TABLE>";
終了 = "</TABLE>";
○○ ="<タグ>"

このようなjsファイルを

document.write(開始);
document.write(○○);
document.write(終了);

という形でhtmlで呼び出しています。

↓の物はその○○ ="<タグ>"のタグ部分に埋め込んであるものです。
<A OnClick=window.open('../image/***02.png','image','left=100,top=100,image=1');><IMG src=../image/****01.png style=cursor=hand></A>

上記のJavaScriptのみならば正常にされますが、
この画像に対しロールオーバー画像も併用しようとしても構文エラーを返し、正常にロールオーバーを機能させてくれません。
下記は自分なりにOnclickとOnmouseを合体させたものです。

<A onmouseover=../image/***002.png onmouseout=../image/***001.png OnClick=window.open('../image/***02.png','card','left=100,top=100,image=1');><IMG src=../image/****01.png style=cursor=hand></A>

併用の仕方がまずいとおもうのですが、私の知恵ではこれが精一杯です・・・
どなたかお力添えをお願いしますm(_ _*)m


1:[回答] トップガン [2004/01/11 19:31 ]

一度、JavaScriptを勉強なされては?
onMouseOver="関数" です。(関数でなくてJSコード)
onmouseover=../image/***002.png のようにしても、うまくいきません。


2:[完了] U-157 [2004/01/12 14:05 ]

返答ありがとうございました。
勉強不足で申し訳ございません。出直してきます。
onmouseover="this.src='../image/***02.png'"
このようにしなくてはいけないのですね・・・


3:[完了] U-157 [2004/01/12 14:19 ]

トップガン様 よきアドバイスをありがとうございます。
トップガン様のアドバイスのおかげで無事解決にいたりました。
改めて御礼申し上げます。

解決方法:
<A onmouseover=../image/***002.png onmouseout=../image/***001.png OnClick=window.open('../image/***02.png','card','left=100,top=100,image=1');><IMG src=../image/****01.png style=cursor=hand></A>

このように<A onmouse=〜〜>で読み込ませるのではなく、

<A OnClick=window.open('../image/***02.png','card','left=100,top=100,image=1');>
<IMG src=../image/view_btn.png onMouseover=this.src='../image/view_btn_.png' onMouseout=this.src='../image/view_btn.png'></A>

このように直接<IMG〜〜>にてロールオーバーを読み込ませました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World