Colin Copeland avatar Colin Copeland committed 98f496b

use alternate mouse postition technique for FF compatability

Comments (0)

Files changed (1)

tic-tac-toe/media/game.js

     var canvas = $('#board');
     var ctx = canvas.get(0).getContext("2d");
     canvas.click(function(e) {
-        draw(ctx, e.offsetX, e.offsetY);
+        var x = e.pageX - this.offsetLeft;
+        var y = e.pageY - this.offsetTop;
+        draw(ctx, x, y);
     });
     canvas.mousemove(function(e) {
-        $('#coords').text(e.offsetX + ', ' + e.offsetY);
+        var x = e.pageX - this.offsetLeft;
+        var y = e.pageY - this.offsetTop;
+        $('#coords').text(x + ', ' + y);
     });
     
     // draw basic board
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.