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で質問しましょう!
似たような質問が見つかりました
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- ノートパソコン Outlookメールで本文中のgif動画をDTに保存したい 3 2023/03/09 21:38
- その他(プログラミング・Web制作) Arduinoに関する質問 4 2023/08/07 21:19
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- ノートパソコン PowerPointにあるgif動画をgif動画のまま保存したい 3 2023/02/02 12:59
- ノートパソコン gifアニメ―ションを動画(mp4でOK)にしたい 1 2022/08/14 09:51
- WordPress(ワードプレス) Wordpress プラグイン Mail Form 7 のファイル添付の表示が切れてしまう 1 2022/03/24 09:05
- その他(IT・Webサービス) どうか教えてください。 1 2022/09/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JSPでの画像ファイル表示
-
MinGWでfreetypeのmake時に
-
画面が真っ白になるのはどうして?
-
C言語のポインタ表現
-
JavaScriptでボタンをクリック...
-
画像をクリックすると音が鳴り...
-
商品画像リンク (image_link)...
-
マウスのポインタをうろうろす...
-
クリックすると小さい画像がキ...
-
ランダムに画像を表示し、ポッ...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
textareaに画像を表示したい
-
Javascript初心者|jQueryの.va...
-
画像の表示位置
-
window.openで値の渡し方を教え...
-
クリックで色変更後に既に変更...
-
クリックした<a>タグのみにClas...
-
jQueryで画像を重ねる
-
prettyphotoの画像表示について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
教えて下さい。ランダムにバナ...
-
1つの画像クリックで切替の方法
-
【初心者】UWSCでjavascriptで...
-
javascriptで複数の画像をラン...
-
WSHでクリップボードにイメージ...
-
「戻る」「進む」ボタンで画像...
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
ランダムに画像を表示し、ポッ...
おすすめ情報