プログラミング学習の記録 632.1 9章(ブラウザオブジェクトモデル)の練習問題3 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 9 (Webプラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の9章(ブラウザオブジェクトモデル), 練習問題3を解いてみる。

9-3.

コード

var intervalID;
var currentPhoto = 0;
var pics = new Array();
for (var i = 0; i < 5; i++) {
    pics[i] = new Image();
    pics[i].src = "http://www.marlin-arms.com/"
        + "support/ljs2/examples/chap09/pictno"
        + (i + 1) + ".jpg";
}
function changePhoto(photo) {
    document.images[4].src = pics[photo].src;
}

function nextPic() {
    if (currentPhoto < pics.length - 1) {
        currentPhoto++;
        changePhoto(currentPhoto);
    } else {
        currentPhoto = 0;
    }
}

function startSlideshow() {
    intervalID = setInterval(nextPic, 5000);
}

function stop() {
    clearInterval(intervalID);
}

Internet Explorer 9だとなぜか上記のボタンではうまく動かないので以下はIE9用のボタン。上記の2つのボタンはFirefox, Chrome, Safariで動作確認済み。

原因判明！IEではstartは何か変数名と被ってるみたい。ということで上記のボタンを無効にして、関数名startをstartSlideshowに変更して新たなボタンを作成。これでIEでも動くように。

 

合わせて読んでいる書籍。

1. 14章でPHPとJavaScriptを組み合わせたWebアプリケーションが登場したので『初めてのPHP & MySQL 第2版』(Micbele E. Davis、Jon A. Phillips 著、西沢 直木 訳、オライリー・ジャパン、2008年、ISBN978-4-87311-365-4)
2. JavaScriptのライブラリーを活用できるようになるために『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
3. JavaScript、APIを使って遊ぶために『Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニック』(Rich Gibson, Schuyler Erle 著、武舎 広幸、福地 太郎、武舎 るみ 訳、オライリー・ジャパン、2007年、ISBN978-4-87311-341-8)
4. HTML5について学習するために『入門 HTML5』(Mark Pilgrim 著、矢倉 眞隆 監訳、水原 文 訳、オライリー・ジャパン、2011年、ISBN978-4-87311-482-8)

PHPの学習が止まったまま(というかほとんど進んでいない)だけど、そろそろ再開しようか検討中。

前の周では少しずつjQueryを使ってみたけど、今回はもっとjQueryを活用していく計画！