こんにちは。
IE8で表示されてしまうjavascriptエラーで困っています。
以前、別の方が同じような質問をされていたのですが、
理解できず新たに質問させて頂きました。
私はjavascriptに関して全くの素人です。
技術者の方、大変お手数ですが素人にも分かるような回答を頂けると
とても助かります。
ロールーオーバに使用目的で以下のスクリプトをリンクしております。
// JavaScript Document
function smartRollover() {
if(document.getElementsByTagName) {
var images = document.getElementsByTagName("img");
for(var i=0; i < images.length; i++) {
if(images[i].getAttribute("src").match("_off."))
{
images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
}
}
}
}
}
if(window.addEventListener) {
window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
window.attachEvent("onload", smartRollover);
}
画像を2枚用意し、ロールオーバ時に●●●_on.jpg、そうでないときに
●●●_off.jpgと分けております。
マックサファリ、ファイアーフォックス、ウィンドウズIE6,7は
問題なく表示されます。
ところがウィンドウズIE8でのみ、このようなエラーが出てしまいます。
`get Attribute()` is null or not an object
どうやらこの箇所が怪しいようです。
↓ ↓ ↓ ↓
if(images[i].getAttribute("src").match("_off."))
ご回答を頂けるととても助かります。
どうぞよろしくお願い致します。
No.1
- 回答日時:
IE8もって無いので試せませんが、
IE8だとgetAttribute("src")でフルパス名が変えるようになったそうです。
if(images[i].getAttribute("src").match("_off."))
↓ ↓ ↓ ↓
if(images[i].src.match("_off."))
yyr446さん、おはようございます。
教えて頂いた方法でなおりました。
急ぎの仕事だったので、とても焦っていて
お礼が遅くなり、申し訳ございませんでした。
大変助かりました。
どうもありがとうございました。
No.2
- 回答日時:
裏を取っている訳ではありませんが、
IE8からgetAttributeで取得する属性が無かった場合、nullが返ってくるようになったようです。
IE7までは""空文字が返ってきていました。
きっとHTMLの中にsrc属性が付いてないものがあるのでは無いでしょうか。
if(images[i].getAttribute("src").match("_off."))
↓
if(images[i].getAttribute("src") != null || images[i].getAttribute("src").match("_off."))
このように変更してみては如何でしょうか。
この回答への補足
take_julyさん、yyr446さん
たびたびすみません。
私はjavascriptの勉強を初めてまだ10日くらいの
初心者なのですが、
みなさんはどのように勉強されたのですか?
今ドリルのような本で少しずつ練習しているのですが、
トラブルが起こった時対処できずに困ってしまいます。
初心者の頃に読んだおすすめの本などございましたら
教えて頂けないでしょうか?
宜しくお願い致します。
ake_julyさん、おはようございます。
>getAttributeで取得する属性が無かった場合、nullが返ってくるようになったようです。
そうなのですね。他のページを見ても、同じようなエラーが
出ているページがありました。
IE8とは優れたブラウザだと聞いていたのですが
今までの方法にエラーが出てしまっては困りますね。。。
やはり知識を持っていないと。
勉強になりました。
どうもありがとうございました。
また何か問題があったらどうぞよろしくお願い致します。
お礼が遅くなり、大変失礼致しました。
No.3ベストアンサー
- 回答日時:
=>みなさんはどのように勉強されたのですか?
私の場合、本を読んで勉強しているわけではないですね。実践あるのみです。わからない事があったらまずWebで検索します。リファレンスやサンプルがいくつか解説されているページをブックマークに登録しておいてさっと調べる。だめならgoogleで検索する。それでもだめならここに質問を投稿するってパターンです。
=>初心者の頃に読んだおすすめの本
javascript関係で最初に買った本は、秀和システムの「詳解HTML & Javascript 辞典」(2000年初版)というリファレンス本です。それ以降プログラム関係の本は買って無いです。でも最近、技術評論者の「PHPハンドブック」てのを買ってしまった。まあ図書館で無償でいろいろ本を借りることはありますが、買いません。お金がもったいないです。現代はネットで全部調べられます。
ちなみに、初心者のころ、最初に読んだプログラム関係の本は
培風館「FORTRAN入門」(1981年改定3版)でした。古うー。
yyr446さま
こんばんは。
お返事どうもありがとうございました。
やはり実践あるのみですね。
実際IE8でエラーが出て、いろいろ検索したり、
ここで質問したりして分かる事もありました。
まだまだひよっこですが、少しずつ勉強していきたいと
思います。
yyr446さんは1981年から携わってらっしゃるのですね。
大ベテランですね!
私もそうなりたいです。
何度も回答頂き、どうもありがとうございました。
また困った事があったら相談させてください。
宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
ロールオーバー効果にならない。
-
画面が真っ白になるのはどうして?
-
「戻る」「進む」ボタンで画像...
-
日替わりで画像を変更したい
-
ランダムに画像を表示し、ポッ...
-
画像を変えるスクリプト
-
NNでロールオーバーしたgifアニ...
-
JSPでの画像ファイル表示
-
どこに画像ファイルを入れるの...
-
HPビルダー12 Javascriptのロ...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
JQueryで画像の上で文字を動かす
-
jspでcssが読み込めない
-
スライダーを実装した場合、ペ...
-
離れた場所にマウスオーバーで...
-
フォントサイズの変更
-
変数内容をHTML内で表示する方法
-
javascriptでURLにマウスオーバー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
【初心者】UWSCでjavascriptで...
-
WSHでクリップボードにイメージ...
-
javascriptで複数の画像をラン...
-
教えて下さい。ランダムにバナ...
-
1つの画像クリックで切替の方法
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
サーバ側で時間を判断して自動...
おすすめ情報