ホイールで画像を拡大縮小させるunDonutのJScript

Firefoxで画像をホイールで拡大縮小させるアドオンがあるけど、onMouseWheelというイベントハンドラ？を使ってunDonutで出来ないものだろうかと調べてみた。

ホイールの上回転、下回転を判別するには

object.onmousewheel = function() {
    alert(event.wheelDelta);
}

こんな感じで、wheelDeltaというのを使うと戻り値が上回転の場合120、下回転だと-120が自分の環境だと返ってきた。

次に、スクロールを無効にするのに

event.returnValue = false;

で画面のスクロールを止められるということが何度も検索して、ようやくというか運良くわかった。

スクリプトOFFの状態でも動作させたかったので、unDonutのCOMとやらを使って書いてみたunDonutのjsがこれ↓
var api = WSH.createobject('donutp.api'); var document = api.getdocumentobject(api.tabindex); var url = document.URL; var cp = function() { var pic = this.getElementsByTagName('img'); for (var i in pic) zoom(pic[i]); var db = this.body; db.ondblclick = function() {quit(1)}; db.attachEvent('onkeydown', function(e) { if (e.keyCode == 19) quit(1); }); }; if (document.getElementsByTagName('frameset').length) { var f = document.frames; for (var s = 0; s < f.length; s ++) { try { cp.call(f(s).document); } catch(e) {}; } } else { cp.call(document); }; document.title = '☆' + document.title; while(chk()) WSH.sleep(1000); quit(0); function zoom(o) { o.onmouseover = function() { o.attachEvent('onmousewheel', function(e) { e.returnValue = false; var z = o.style.zoom || 1; if (e.wheelDelta > 0) { o.style.zoom = z * 1.02; } else if (e.wheelDelta < 0) { o.style.zoom = z * 0.98; }; }); }; }; function quit(h) { if (h) document.title = document.title.replace(/^☆/, ''); api = null; WSH.quit(); }; function chk() { var w = api.gettabcount(); for (var i = 0; i < w; i ++) { try { var cu = api.getdocumentobject(i).URL; if (url == cu) return true; } catch(e) {}; }; return false; }
Firefoxのアドオンのようにはいかなかったけど、一応ホイールで大きさが変わる。
実行するとマウス下の画像がホイールで拡大縮小、どこかをダブルクリックするか、Pauseキーを押すか、そのページのURLがタブから無くなると終了するけど、いまいち反応がいい加減ｗ

7月28日 12:30 修正

• エラーになるかも、という箇所をtryで回避。

7月28日 17:30 修正

• 画像が多いページだと準備する処理に時間が掛かるので、処理を終えたらタブに☆を付け、終了で消えるようにした。

7月29日 11:00 修正

• 反応がいまいち遅いのでSleepを削除。これを入れないとエラーになった気がしたが気のせいだったみたい