2014年9月5日金曜日

開発環境

Head First JavaScript Programming (Eric T. Freeman (著)、 Elisabeth Robson (著)、 O'Reilly Media )のChapter 9(Handling events: Asynchronous Coding)、EXERCISE(p.405)を解いてみる。

EXERCISE(p.405)

coordinates 200, 190

HTML5 (BBEdit, Emacs)

pirates_booty.html

<!DOCTYPE html>
<head>
 <meta charset="utf-8" />
 <title>Pirates Booty</title>
 <script src="pirates_booty.js"></script>
</head>
<body>
    <img id="map" src="map.jpg" />
    <p id="coords">Move mouse to find coordinates…</p>
</body>
</html>

コード (BBEdit, Emacs)

pirates_booty.js

var init = function () {
        var msg = document.getElementById('map');
        
        map.onmousemove = showCoords;
    },
    showCoords = function (event_obj) {
        var coords = document.getElementById('coords'),
            x = event_obj.clientX,
            y = event_obj.clientY;
        
        coords.innerHTML = 'Map coordinates: ' + x + ', ' + y;
    };

window.onload = init;

0 コメント:

コメントを投稿