こんにちは。
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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画面が真っ白になるのはどうして?
-
IE8でのjavascriptエラーについて
-
Excel VBA マクロ 画像(...
-
サムネイル画像をマウスオーバ...
-
フォームに入力された値により...
-
商品画像リンク (image_link)...
-
MAX関数を使ってからLEFT JOIN...
-
背景色を透明化
-
libjpegライブラリの使い方につ...
-
読み込んだQRコードをフォーム...
-
【CSS】floatで左右に並べた...
-
jQueryで同じクラス名のものを...
-
javascriptでEnterキーをtabキ...
-
オンマウス時に別画像を上に重...
-
jQuery FlexSliderのカルーセ...
-
画像が表示でnull; this.src
-
getElementByIdの戻り値がnull...
-
Ctrl+F(検索)の窓を出したいの...
-
javascriptでオブジェクトの重...
-
<li>タグの順番を入れ替える方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
クリックして変更した画像を他...
-
C言語のポインタ表現
-
Javascriptで画像を水面のよう...
-
Excel VBA マクロ 画像(...
-
日替わりで画像を変更したい
-
javascriptで複数の画像をラン...
-
フォームに入力された値により...
-
ランダム表示の画像位置
-
JavaScriptでボタンをクリック...
-
ロールオーバー効果にならない。
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
マウスオーバーで画像変更で
-
ファイル名の頭にゼロを付ける...
-
フルスクリーン表示についての応用
-
javascriptによる画像切り替え...
-
onとoffを画像でチェンジ、チェ...
おすすめ情報