HPビルダー12 Javascriptのロールオーバーが反映されない。
プレビュー画面では反映されていましたが、アップすると反映されません。
一応このように記述しましたが、HTMLエディタの文字色はこの部分だけ黒です。
</SCRIPT><SCRIPT language="JavaScript">
<!--HPB_SCRIPT_PLD_50
HpbImgPreload('_HPB_ROLLOVER1', 'hplogo/info.gif', 'file:///D:/Documents/hplogo/info1.gif');
HpbImgPreload('_HPB_ROLLOVER3', 'hplogo/cen.gif', 'file:///D:/Documents/hplogo/cen1.gif');
HpbImgPreload('_HPB_ROLLOVER2', 'hplogo/photo.gif', 'file:///D:/Documents/hplogo/photo2.gif');
HpbImgPreload('_HPB_ROLLOVER4', 'hplogo/tra.gif', 'file:///D:/Documents/hplogo/tra1.gif');
HpbImgPreload('_HPB_ROLLOVER5', 'hplogo/syokuba.gif', 'file:///D:/Documents/hplogo/syokuba1.gif');
HpbImgPreload('_HPB_ROLLOVER6', 'hplogo/link.gif', 'file:///D:/Documents/hplogo/link1.gif');
HpbImgPreload('_HPB_ROLLOVER7', 'hplogo/mail.gif', 'file:///D:/Documents/hplogo/mail1.gif');
HpbImgPreload('_HPB_ROLLOVER8', 'hplogo/bbs.gif', 'file:///D:/Documents/hplogo/bbs1.gif');
HpbImgPreload('_HPB_ROLLOVER9', 'hplogo/blog.gif', 'file:///D:/Documents/hplogo/blog1.gif');
HpbImgPreload('_HPB_ROLLOVER10', 'hplogo/profile.gif', 'file:///D:/Documents/hplogo/profile1.gif');
HpbImgPreload('_HPB_ROLLOVER11', 'file:///D:/Documents/hplogo/bunner/book_green.jpg', 'file:///C:/Users/md11/AppData/Roaming/IBM/Homepage Builder Version 12/tmp/book_green1.jpg');
HpbImgPreload('_HPB_ROLLOVER11', 'file:///D:/Documents/hplogo/book_green.jpg', 'file:///D:/Documents/hplogo/book_green2.jpg');
//-->
上記に原因があるでしょうか。
他に原因ありそうでしょうか?
No.1ベストアンサー
- 回答日時:
> 上記に原因があるでしょうか。
あります。ロールオーバー用の画像のパスが全て以下の様な記述になってますが、
'file:///D:/Documents/hplogo/info1.gif'
'file:///C:/Users/md11/AppData/Roaming/IBM/Homepage Builder Version 12/tmp/book_green1.jpg'
こういう書き方は、Webコンテンツが質問者様のPC上に置かれている時のみ有効なパスです。実際にアップロードされるWebサーバ上にはD:/Documents/だのC:/Users/md11/AppData/Roaming/IBM/Homepage Builder Version 12/tmp/だのというディレクトリは存在していないからです。
大昔HPビルダーに触ってみてなんて迷惑な…と思った記憶がありますが今もそのままだとしたら、初期設定が、画像とかのパスを相対参照ではなくPC上での絶対参照にしているんでしょうね。妥当な例えではないかもしれませんが、上記の様なパスの書き方は、ある一部の地方でのみ理解できる方言みたいなもので、日本全国で通じる標準語ではない、という事です。「プレビュー画面」で見る時、というのはその方言が通じる環境(質問者様のPC上)で画像の居場所を教えているのでブラウザが画像の位置を読み取る事ができ表示されますが、「アップ」したWebサーバー上では「何言ってるんだか理解できん。それじゃ画像の居場所もわからん。」となり表示してくれません。
スクリプト内の画像のパスを、Webサーバ上にアップした時に正しく理解できる書き方(下記のいずれか)に変えれば動きます。
(1)相対参照、
(2)Webサーバ上の構造に合った絶対参照
(3)http:~で始まるURL
お勧めはPC上からでもWebサーバ上からでも表示できる(1)です。
(2)は逆にPC上では表示できなくなります。(3)は画像が先にWebサーバ上にアップされていないとやはりPC上では表示できません。
HPビルダーはその後全く関知していないので、具体的なHPビルダー12上での操作についてはお答えできませんので悪しからず。
ありがとうございました。
D/Documents/・・・の所を、サーバー上にアップしてあるアドレスに書き換えたところ、正常に動作しました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
マウスオーバーで他の2個の画像...
-
onとoffを画像でチェンジ、チェ...
-
画像の描画順を操作するような...
-
バナーのランダム配置
-
ロールオーバー効果にならない。
-
クリックすると小さい画像がキ...
-
MAX関数を使ってからLEFT JOIN...
-
【jQuery】2分割レイアウトで、...
-
jQueryで電卓を作っているのですが
-
javascriptを使って画像を切り...
-
jQueryスライドショー画像への...
-
JQueryタブのアクティブ アン...
-
画像のランダム表示が遅い?
-
jquery ドロップダウンメニュー...
-
外部javascriptの重複を防ぐには
-
クリックすると下に説明文が出...
-
フラッシュの様に
-
Vb.net2005での画像の合成方法
-
外部ファイルにしたら文字化け...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
画面が真っ白になるのはどうして?
-
Excel VBA マクロ 画像(...
-
C言語のポインタ表現
-
ランダムに画像を表示し、ポッ...
-
JSPでの画像ファイル表示
-
javascriptで複数の画像をラン...
-
日替わりで画像を変更したい
-
フォームに入力された値により...
-
Javascriptで画像を水面のよう...
-
クリックするたびに画像を変える
-
ファイル名の頭にゼロを付ける...
-
クリックした自身の画像を別画...
-
IE8でのjavascriptエラーについて
-
簡単なJavaScriptなんですが
-
小さい写真にマウス置くと拡大...
-
ロールオーバー効果にならない。
-
クリックして変更した画像を他...
-
htmlで、たくさんのgif画像を、...
-
javascriptの sx, sy, sw, sh, ...
おすすめ情報