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
名前: bp

この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(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


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

   クッキー保存