
こんにちは。
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.3ベストアンサー
- 回答日時:
=>みなさんはどのように勉強されたのですか?
私の場合、本を読んで勉強しているわけではないですね。実践あるのみです。わからない事があったらまずWebで検索します。リファレンスやサンプルがいくつか解説されているページをブックマークに登録しておいてさっと調べる。だめならgoogleで検索する。それでもだめならここに質問を投稿するってパターンです。
=>初心者の頃に読んだおすすめの本
javascript関係で最初に買った本は、秀和システムの「詳解HTML & Javascript 辞典」(2000年初版)というリファレンス本です。それ以降プログラム関係の本は買って無いです。でも最近、技術評論者の「PHPハンドブック」てのを買ってしまった。まあ図書館で無償でいろいろ本を借りることはありますが、買いません。お金がもったいないです。現代はネットで全部調べられます。
ちなみに、初心者のころ、最初に読んだプログラム関係の本は
培風館「FORTRAN入門」(1981年改定3版)でした。古うー。
yyr446さま
こんばんは。
お返事どうもありがとうございました。
やはり実践あるのみですね。
実際IE8でエラーが出て、いろいろ検索したり、
ここで質問したりして分かる事もありました。
まだまだひよっこですが、少しずつ勉強していきたいと
思います。
yyr446さんは1981年から携わってらっしゃるのですね。
大ベテランですね!
私もそうなりたいです。
何度も回答頂き、どうもありがとうございました。
また困った事があったら相談させてください。
宜しくお願いします。
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.1
- 回答日時:
IE8もって無いので試せませんが、
IE8だとgetAttribute("src")でフルパス名が変えるようになったそうです。
if(images[i].getAttribute("src").match("_off."))
↓ ↓ ↓ ↓
if(images[i].src.match("_off."))
yyr446さん、おはようございます。
教えて頂いた方法でなおりました。
急ぎの仕事だったので、とても焦っていて
お礼が遅くなり、申し訳ございませんでした。
大変助かりました。
どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画像をクリックしたら別ウイン...
-
スライドショー(1回)が思う...
-
クリックして変更した画像を他...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
文字をクリックしたら別の文字...
-
ネストされたチェックボックス...
-
createElementが一瞬で消えてし...
-
ダイアログから画像ファイルは...
-
表示・非表示のスクリプトで、...
-
error LNK2019 未解決のシンボ...
-
MFCで画像を表示させているので...
-
スライダーの枠に動画を収める...
-
CSSで背景を下までのばすには?
-
スクロール可能なチェックボックス
-
【jQuery】2分割レイアウトで、...
-
jqueryを使って無駄なspanタグ...
-
ボタンを押すたびに交互に切り...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JSPでの画像ファイル表示
-
フォームに入力された値により...
-
データの記録方法
-
ロールオーバー画像の上にテキ...
-
c++std::string型をTCHARに変換...
-
画面が真っ白になるのはどうして?
-
iframeのサイズを自動設定する...
-
OnMouseOverで画像のサムネイル...
-
クリックした自身の画像を別画...
-
Submit()について
-
曜日別でFLASHの切り替え
-
IE8でのjavascriptエラーについて
-
JavaScriptのhistory.back(戻...
-
画像を変えるスクリプト
-
Litebox v1.0のカスタマイズ方法
-
スライドショー(1回)が思う...
-
onmouseover、onmouseoutの仲間...
-
画像をクリックしたら別ウイン...
-
MinGWでfreetypeのmake時に
-
Excel VBA マクロ 画像(...
おすすめ情報