[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [メモ/メモ履歴] / 発言欄へ
(-102:独白)めろめろ めろん |
2008/07/20(日) 13:17:54 |
リアルタイムでのブラウザ全体輝度変更ってできるのかな?
できても凄く重くなったりして…。
function showPopup(elem, posX, posY, zIndex) {
var black = document.createElement("div");
var style = black.style;
style.position = "absolute";
style.left = 0;
style.top = 0;
style.zIndex = zIndex;
style.width = document.body.scrollWidth+"px";
style.height = document.body.scrollHeight+"px";
//alert (style.height);
style.backgroundColor = "#000000";
style.opacity = '0.20';
var divPopup = document.createElement("div");
style = divPopup.style;
style.position = "absolute";
style.left = posX;
style.top = posY;
style.zIndex = zIndex;
style.fontSize = "0.8em";
style.maxWidth = "50em";
style.padding = "0px";
style.border = "0px none";
style.backgroundColor = "transparent";
style.textAlign = "left";
if( !window.opera && document.styleSheets[0].href.indexOf("wide") == -1 )
style.width = "500px";
else
style.width = "582px";
divPopup.appendChild(elem);
divPopup.background_area=black;
document.body.appendChild(black);
document.body.appendChild(divPopup);
Compat.addEventListener(divPopup, "mouseout", function(e){
if(!isGecko && !window.opera ){
nowX = document.body.scrollLeft + e.pageX;
nowY = document.body.scrollTop + e.pageY;
}else{
nowX = e.pageX;
nowY = e.pageY;
}
if (nowX <= divPopup.offsetLeft ||
nowY <= divPopup.offsetTop ||
nowX >= divPopup.offsetLeft + divPopup.offsetWidth ||
nowY >= divPopup.offsetTop + divPopup.offsetHeight
){
document.body.removeChild(divPopup.background_area);
document.body.removeChild(divPopup);
}
}, false);
}
GMのユーザースクリプトの管理 → 編集 からこのパッチ当ててみて下さい。
いかがでしょうか?
style.opacity = '0.20';
これを弄ると透明度が変更できます。
http://wolf.nacht.jp/sw/jinrohsowswrespopup1.user.js
これ、お試ししてみて下さいな。
(-103:独白)めろめろ めろん |
2008/07/20(日) 14:55:49 |
おおぉ、凄い。これはいい。
さてこれから、私は個人的カスタマイズ〜。
ブラウザの横幅を狭くして表示することが多いから、ポップアッだが右にずれていかないようにするのです。
右端がはみ出ちゃう。
右側に秀丸置いてるからね。
暗さが溜まる方式だと重くなるのかな?
そうでなかったらどちらでもいいと思います。
あ〜、パッチ公開きぼー。
重くはならないけど、暗さがたまらない方式だと明度の落差をもっと大きく取れるんですよ。
そのほうが見やすくはなるのだけど、単純に、
style.opacity = '0.20';
を 0.80 してしまうと、多段でポップアップするとすぐに背景が真っ黒になっちゃうでしょ?
それを防止できるのです。
それと、オリジナルだとポップアップ消去がいちいちフォーカスを移してからカーソルをはずさないと出来ませんでしたが、カーソルを枠外に移動させるだけでパラパラ消えるように変更してみました。
(-105:独白)めろめろ めろん |
2008/07/20(日) 15:18:09 |
style.widthもちょっと小さい値にすると、完全に右端が切れなくなります。
(-106:独白)めろめろ めろん |
2008/07/20(日) 15:32:37 |
試してみた結果、style.opacityを0.50にしました。
これだと4回ポップアップで一番下が真っ黒かな?
この程度だと、キャラ名も時間も確認できる範囲だしね。
楽器壊し リズは去っていった。
5人目、楽器壊れ リズ が顔を出した。
楽器壊れ リズは、おまかせ を希望しました(他の人には見えません)。 -- (pakyara)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [メモ/メモ履歴] / 発言欄へ