window


この質問記事は解決しています。
トップページ > 記事閲覧
*SSIと画像ロールオーバーの不思議な現象
日時： 2009/11/12 16:11
識別： ID:M5QXH7GClMi.
名前： 裕
参照： http://www.deens.jp/j7_festival_yosakoi.shtml
お世話になります。
過去ログも拝見しましたが、見当たらないため投稿させて頂きます。
宜しくお願いします。

今回、初めてSSIを使いページの作成を行っておりますが、画像ロールオーバーの不思議な現象が生じております。

上記URLの該当ページをご参照頂きたいのですが、左側にありますSSIによるメニュー欄の中のアイコンメニュー「Traditional Culture」にマウスを乗せると、ページ中央にあります関係のない「Download」というアイコンの画像が、何故か「Traditional Culture」に変わってしまいます。
SSIによるメニューにも、「Download」にも、ともに画像ロールオーバー機能を付していますが、干渉しているようです。

何回かロールオーバー機能を付け直したり、アイコン画像をUPしたりしておりますが、同現象が解消されません。
サーバー側の問題かもと思っておりますが、何かアドバイス頂けたらと思い投稿させて頂きます。

お手数をおかけしますが、宜しくお願いします。
メンテ

Re: SSIと画像ロールオーバーの不思議な現象 ( No.1 )
日時： 2009/11/12 16:57
名前： ｂｐ

このIDが2つあるため。
HPB_ROLLOVER1

Traditional Culture と DownloadにHPB_ROLLOVER1が指定がされているのでブラウザが混乱。

別ファイルで作成しているから気をつけないとね。

ソース画面を開いて手作業で修正が簡単。
「Download」の方を修正が手間なし

別ファイル（SSIで読み込んでいる方）でHPB_ROLLOVER1〜HPB_ROLLOVER6までは指定しているのでHPB_ROLLOVER7に変更。

で

74行目辺り
HpbImgPreload('HPB_ROLLOVER1', 'icon_download1.gif', 'icon_download2.gif');
↓
HpbImgPreload('HPB_ROLLOVER7', 'icon_download1.gif', 'icon_download2.gif');


270行目辺り
<A href="ttp://www.deens.jp/m_video_yosakoi.zip" id="HPB_ROLLOVER1" onmouseout="HpbImgSwap('HPB_ROLLOVER1', 'icon_download1.gif');" onmouseover="HpbImgSwap('HPB_ROLLOVER1', 'icon_download2.gif');"><IMG src="icon_download1.gif" width="122" height="24" border="0" name="HPB_ROLLOVER1"></A><BR>
↓
<A href="ttp://www.deens.jp/m_video_yosakoi.zip" id="HPB_ROLLOVER7" onmouseout="HpbImgSwap('HPB_ROLLOVER7', 'icon_download1.gif');" onmouseover="HpbImgSwap('HPB_ROLLOVER7', 'icon_download2.gif');"><IMG src="icon_download1.gif" width="122" height="24" border="0" name="HPB_ROLLOVER7"></A><BR>

これで大丈夫だと思う。


各データセルに「META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">」が入っているのが。。。
何か意味がありんすか？。

また、同じスクリプトが2つ。。。SSIで読み込むファイル側のスクリプトは消してもよさげ

ただし、この部分はhead内にコピペ
<SCRIPT language="JavaScript">
<!--HPB_SCRIPT_PLD_50
HpbImgPreload('HPB_ROLLOVER1', 'icon_traditional1.gif', 'icon_traditional2.gif');
HpbImgPreload('HPB_ROLLOVER2', 'icon_modern1.gif', 'icon_modern2.gif');
HpbImgPreload('HPB_ROLLOVER3', 'icon_animation1.gif', 'icon_animation2.gif');
HpbImgPreload('HPB_ROLLOVER4', 'icon_festival1.gif', 'icon_festival2.gif');
HpbImgPreload('HPB_ROLLOVER5', 'icon_touristspot1.gif', 'icon_touristspot2.gif');
HpbImgPreload('HPB_ROLLOVER6', 'icon_majorcity1.gif', 'icon_majorcity2.gif');
//-->
</SCRIPT>
メンテ
Re: SSIと画像ロールオーバーの不思議な現象 ( No.2 )
日時： 2009/11/12 17:04
名前： nn
参照： http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch

JavaScriptはよくわかりませんが、該当部分のa要素が同じid値"HPB_ROLLOVER1"を持つため、干渉しているのではないか、という気がします。

同じページ内で同じidは使えません。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#adef-id

作るときは別のページでも、サーバーで同じページになるのですから、idが重複しないよう注意が必要なのは確かです。
メンテ
Re: SSIと画像ロールオーバーの不思議な現象 ( No.3 )
日時： 2009/11/12 17:05
名前： nn
参照： http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch

>>1
うほほーい、かぶった！
メンテ
Re: SSIと画像ロールオーバーの不思議な現象 ( No.4 )
日時： 2009/11/12 19:32
名前： 裕
状態： 解決!
参照： http://www.deens.jp/j7_festival_yosakoi.shtml

bpさん、nnさんありがとうございました。

ご教授頂きました通り修正し、無事に表示されました。
ロールオーバーにもIDがあったこと知りませんでした。
勉強不足でお手数をおかけしました。
ホームページビルダーのページ編集の画面に頼りがちでしたが、今後ソースもよく見ていきたいと思います。

＞「META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">」の件ですが、SSIの共通ファイルの編集をホームページビルダーにて行っておりますが、ツールの中のオプションにあります「文字エンコードをMETAタグで指定する」にチェックしている以上、保存時に自動付加されるようです。この共通ファイル作業時は、このチェックを外すようにします。先ほど今までの共通ファイルのMETAタグを外す作業を行いました。

＞「同じスクリプトが2つ。。。」の件ですが、すみません．．．、勉強不足なので今後少しずつ掘り下げていきたいと思います。現状、そのままにしております。

＞「作るときは別のページでも、サーバーで同じページになるのですから」
サーバーUP後のページのソースを見ると、ご指摘頂きました通り、SSIの共通ファイルのソースの内容が、その共通ファイルを取り込む側のページのソースの中に一緒に入っておりました。まるでSSIを使っていないページと一緒かのようです。今後、今回のような重複が発生しないよう注意していきたいと思います。

bpさん、nnさん、早々に、またご丁寧なご回答頂き大変ありがとうございました。
メンテ
- ( No.5 )
日時： 2011/12/10 13:31
名前： pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM

メンテ

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

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


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

   クッキー保存