firefoxやOperaで動かないので、IE5.5以降限定だと思うけど、ポップアップウインドウ
を表示させるように、子役さんCMのページを修正中。
ポップアップって、以前に問題があって表示させない設定に出来たり、Googleツールバーで
ブロックする設定が出来るので、その設定で自分自身がブロックしているんだけど…
それでも表示されるポップアップっていったい…
社会的に問題視されているものとは別モノ?
ということで、CMデータのタイトルにマウスカーソルを合わせると、CMの一場面が表示
されるというJavascriptを書いていて、『onClick』と『onMouseOver』だけでなく『onMouseOut』
まで追加してしまえっ♪ と頑張ってます。
どこかのHPに『IEではshowPopupは1ページに1つだけ許されている』とあったけれども、
それでは、どのタイトルにマウスカーソルを合わせても同じ画像しか表示されないこと
になってしまうので、条件文をつけて複数表示出来るように設定。
昨日思いたった修正内容なので、Javascriptの勉強というよりは、ネット検索をしながら
検索にヒットした構文の内容を理解して、そのまま持ってくるという方法だけど…
<HEAD>
<script Language="JavaScript">
function showPopup(data) {
wOBJ = window.createPopup();
popOBJ = wOBJ.document.body;
popOBJ.style.border = "solid #ff8000 2px";
if ( data == '01' ) {popOBJ.innerHTML = "<IMG src= ./popup_data/1.jpg>";}
if ( data == '02' ) {popOBJ.innerHTML = "<IMG src= ./popup_data/2.jpg>";}
wOBJ.show(event.clientX+50,event.clientY+20,320,240,document.body);
}
function HidePopup(){
oPopup = window.createPopup();
oPopup.show();
}
</script>
</HEAD>
<TBODY>
<A href="URL/リンクファイル" target="subWin" onClick="window.open( '','subWin','width=550, height=440').focus()" onMouseOver="showPopup('01')" onMouseOut="HidePopup()">タイトル1</A>
<A href="URL/リンクファイル" target="subWin" onClick="window.open( '','subWin','width=550, height=440').focus()" onMouseOver="showPopup('02')" onMouseOut="HidePopup()">タイトル2</A>
</TBODY>