kyo: 2008年11月アーカイブ

Extensionにしたらできた。

セキュリティの問題か。。。

一回ファイル選択するともうキャンセルできないっぽい。

前はできた気がするけど。。。

あと、値の設定はできないけど、$(':file').val('')で設定値を空にするのはできた。

GMでこんなの書いたけど、drawWindow前で止まってる。
JSだけで画面キャプチャできると思ったんだけど。。。

// ==UserScript==
// @name           test
// @namespace      http://0-9.sakura.ne.jp/
// ==/UserScript==

(function () {

var canvas = document.createElement('canvas');
canvas.setAttribute("id", "svcanvas");
canvas.style.display = "inline";
canvas.width = document.width;
canvas.height = document.height;

var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, document.width, document.height);
ctx.save();
ctx.scale(1.0, 1.0);

var x1 = document.left + window.pageXOffset;
var x2 = document.left + document.width + window.pageXOffset;
var y1 = document.top + window.pageYOffset;
var y2 = document.top + document.height + window.pageYOffset;

ctx.drawWindow(window.content, x1, y1, x2, y2, "rgb(255,255,255)");
ctx.restore();

alert(canvas.toDataURL());

})();

var args = Array.prototype.slice.call(arguments);

やっぱちゃんとMDC読まないとだめだなー

なるほど高級店。マダムばっかり。まるで自由が丘。

味はなかなか。雰囲気良好。値段もそこまで高くないし結構いいかも。

http://www.soutatu.co.jp/

確率的発想法から

全部オーブンレンジになったとか。

オーブンいらないんだけどなぁ。。。

レディーリンクス

映画「ミラーズ」オフィシャルブログパーツ

企画としては面白いけど、APIは結構ざる。
（ただ、JSはちゃんと名前空間区切ってかかれてた）
裏でIE動かして、キャプチャ画像を反転して表示してる。

jQueryで.filterとかに空のjQuery集合（.length==0見たいなの）を入れるとエラー

空集合に対しての操作は想定されてるけど、空の集合を引数にすると問題になるっぽい。

レディーリンクス

$('div').filter(':not(:hidden)').length

これしかないのかなぁ。。。
「$('div').hidden?」って書きたいなぁ。。。

$('form').submit(function (e) { e.preventDefault();
    var $_ = $(this);
    $.getJSON($_.attr('action'), $_.find(':input').serialize(), function (json) {});
});

横取りする。（ちゃんとするなら$.ajax()でやる）

$ cat .htaccess
php_value include_path .:/home/hoge/huga/app/vendors/pear/PEAR

今日教えてもらった。

どっかの書評から

>>> 'aaaaa'.split(//)
SyntaxError: syntax error

>>> 'aaaaa'.split(new RegExp())
a,a,a,a,a

perlが「//」をコメントとして認めない理由？

ul.append(ul.find('li:first').remove());

liをくるくる回したかったけど、しばらくほっとくと「スクリプトが反応ないです」エラー（FF3）

ul.append(ul.find('li:first').remove().clone());

で、cloneして解決？

最終形？
mozzilaで折り返してるリンクテキストが飛ぶ症状があったので修正。
結局無理やりスペース突っ込んで修正。
文字間調整してるので見た目はそんなに変じゃないけど、Ctrl+Fとかの検索は効かなくなる。

new function () {
    var css = 'position: relative;';
    if ($.browser.mozilla) css += 'letter-spacing:-2px;';
    $('head').append([
        '<style type="text/css">',
            '.brbr { '+css+' }',
        '</style>'
    ].join(''));
};
$(function () {
    var pos = [3, -3, 3, -3, 3, -3];
    var a = document.getElementById('menu').getElementsByTagName('a');
    var len = a.length;
    $('#menu a').mouseover(function () {
        var ps = pos.concat();
        var val = setInterval(function () {
            var p = ps.shift();
            if (p) return document.body.style.marginTop = p+'px';
            clearInterval(val);
            document.body.style.marginTop = '';
        }, 10);
    });
    var match = $.browser.safari ? ['(.)(.)?', '$1$2'] : ['(.)', '$1'];
    match[0] = new RegExp(match[0], 'g');
    match[1] = $.browser.mozilla ? ' <span class="brbr"> '+match[1]+' </span> ' : '<span class="brbr">'+match[1]+'</span>';
    $('a:not(:hidden)')
        .each(function () {
            var child = this.childNodes;
            var length = child.length;
            for (var i = 0; i < length; ++i) {
                var self = child[i];
                if (self.nodeType != 3 && (!self.nodeValue || self.nodeValue.match(/^\s*$/))) continue;
                self.parentNode.innerHTML = self.nodeValue.replace(match[0], match[1]);
            };
        })
        .hover(function () {
            if ($.data(this, 'brbr')) return;
            $.data(this, 'brbr', true);
            var ps = pos.concat();
            var $_ = $(this);
            var val = setInterval(function () {
                var p = ps.shift();
                if (!p) {
                    $_.find('.brbr').css('top', '');
                    return clearInterval(val);
                };
                $_.find('.brbr').each(function (i) {
                    $(this).css({top:((i + ps.length) % 2) ? -3 : 3})
                });
            }, 25);
        }, function () {
            $.data(this, 'brbr', false);
        });
    ;
});

かなりなぞ。

$('a').css('hover', '')とか、$('a').css(':hover', '')とか、$('a').css('a:hover', '')とかしたけどだめだった。
（onmouse中に取得することはできる）

さっきのやつはwindowを最大化してると解除されちゃうので修正。
さらにsafariはa tag内で改行されなくなっちゃうので2文字ごと切るように修正。
（spanの切れ目で改行してくれないっぽい）

$(function () {
    var pos = [3, -3, 3, -3, 3, -3];
    var a = document.getElementById('menu').getElementsByTagName('a');
    var len = a.length;
    $('#menu a').mouseover(function () {
        var ps = pos.concat();
        var val = setInterval(function () {
            var p = ps.shift();
            if (p) return document.body.style.marginTop = p+'px';
            clearInterval(val);
            document.body.style.marginTop = '';
        }, 10);
    });
    var match = $.browser.safari ? ['(.)(.)?', '$1$2'] : ['(.)', '$1'];
    match[0] = new RegExp(match[0], 'g');
    match[1] = '<span class="brbr" style="position:relative">'+match[1]+'</span>';
    $('a:not(:hidden)')
        .each(function () {
            var child = this.childNodes;
            var length = child.length;
            for (var i = 0; i < length; ++i) {
                var self = child[i];
                if (self.nodeType != 3 && (!self.nodeValue || self.nodeValue.match(/^\s*$/))) continue;
                self.parentNode.innerHTML = self.nodeValue.replace(match[0], match[1]);
            };
        })
        .hover(function () {
            if ($.data(this, 'brbr')) return;
            $.data(this, 'brbr', true);
            var ps = pos.concat();
            var $_ = $(this);
            var val = setInterval(function () {
                var p = ps.shift();
                if (!p) {
                    $_.find('.brbr').css('top', '');
                    return clearInterval(val);
                };
                $_.find('.brbr').each(function (i) {
                    $(this).css({top:((i + ps.length) % 2) ? -3 : 3})
                });
            }, 25);
        }, function () {
            $.data(this, 'brbr', false);
        });
    ;
});

テキスト置き換えはinnerHTML。ちゃんとinsertBeforeとかremoveChildとか使った方がいいのかな。。。

$(function () {
    var pos = [3, -3, 3, -3, 3, -3];
    var a = document.getElementById('menu').getElementsByTagName('a');
    var len = a.length;
    $('#menu a').mouseover(function () {
        var ps = pos.concat();
        var val = setInterval(function () {
            var p = ps.shift();
            p ? window.moveBy(0, p) : clearInterval(val);
        }, 10);
    });
    $('a:not(:hidden)')
        .each(function () {
            var child = this.childNodes;
            var length = child.length;
            for (var i = 0; i < length; ++i) {
                var self = child[i];
                if (self.nodeType != 3 && (!self.nodeValue || self.nodeValue.match(/^\s*$/))) continue;
                self.parentNode.innerHTML = self.nodeValue.replace(/(.)/g, '<span class="brbr" style="position:relative">$1</span>');
            };
        })
        .mouseover(function () {
            var ps = pos.concat();
            var $_ = $(this);
            var val = setInterval(function () {
                var p = ps.shift();
                if (!p) {
                    $_.find('.brbr').css('top', '');
                    return clearInterval(val);
                };
                $_.find('.brbr').each(function () {
                    $(this).css({top:(Math.random() - 0.5) * 10})
                });
            }, 10);
        });
    ;
});

もういっこ。ぼつったけどリンク自体を揺らせるバージョン。

    $('a:not(:hidden)')
        .hover(function () {
            if ($.data(this, 'brbr')) return;
            $.data(this, 'brbr', true);
            var ps = pos.concat();
            var $_ = $(this).css('position', 'relative');
            var val = setInterval(function () {
                var p = ps.shift();
                if (p) return $_.css('top', p);
                $_.css({'position':'','top':0});
                clearInterval(val);
            }, 10);
        }, function () {
            $.data(this, 'brbr', false);
        });
    ;

:fileで画像選択時の自動アップローダー作ろうとしてiframe追加してたけど、jQueryで.attr('name', 'hoge')してもformのtargetにできない。
（FF,IEで確認。新しいwindowが開く）

結局$().append('<iframe name="hoge">')って書いたらいけた。
appendChildはだめだけど、innerHTMLはOKってことか。

$(function () {})の中でhtml elementの.offset().topを取ったらえらい大きな数値が帰ってきた。

setTimeout(function () {}, 500)内だと正しい数値が帰ってくる。

圧縮版の場合「J.parentNodeはNullまたはオブジェクトではありません」

swfobjectを入れたblogpartsを二つ並列に張ったらおきた。

「function checkReadyState() {」内のscript.parentNode.removeChild(script);をif (script.parentNode) script.parentNode.removeChild(script);して改善。
（圧縮版の場合J.parentNode.removeChild(J);をif(J.parentNode)J.parentNode.removeChild(J);に）

ひとつだけ張ってると問題ないから複数貼り付け時の問題？

var hoge = function () {
//中でいろいろやる
}
(function () {
//中でいろいろやる
})();

この二つを組み合わせると

var hoge = function () {}(function () {})();

こう解釈されて、最後の「()」が多いって文句いわれる。

var hoge = function () {};(function () {})();

ならOK

どっかの本から

クリックすると消える。

本家のdemoだと大丈夫だからimgをdraggableにしたのが悪いのかな。

こっちのつかって解決。

FF -> ファイル選択直後に２回発生
IE7 -> 無視
safari -> 「ファイルを選択」ボタンを押した直後に発生。ファイル選択後は無視

FFはwindow.reload時に前回選択されたファイル名をそのまま保持するから、それを再アップロードするための対策がほしかったんだけど、FFだけDOMActivateと.changeで、それ以外は.changeだけを実装するのがいいかな。
FF以外はwindow.reload時に選択されたファイルクリアするし。

<tag style="">で指定したものより、<style type="text/css">でimportant指定したものの方が優先される。
さらに優先するには<tag style="">の中でもimportantを指定する。

stabchihwndmapのallocが何とかとかいう話でIE7が起動しなくなる。
（応答していません状態）

結構使えそうなソフトなのに。。。惜しい。

b is undefined
[Break on this error] function cp(a){var b=a.infoWindowAnchor,...conAnchor;return new D(b.x-c.x,b.y-c.y)}
main.js (1008 行目)

とか言われる。

        GEvent.addListener(marker, 'click', function () {
            marker.openInfoWindowHtml('<p>aaaa</p>');
        });

普通にこうやってもだめ。

map.openInfoWindowHtml(marker.getLatLng(), '<p>aaaa</p>')

これはいける。
merkerのアイコン指定しなければOK

この順番で呼んだらへんなとこが中心で表示された。
-----------
        map.panTo(bounds.getCenter());
        map.setZoom(map.getBoundsZoomLevel(bounds));
        mgr.addMarkers(markers, 0);
        mgr.refresh();
-----------
以下の順番で呼んだらうまくいった。
-----------
        map.setZoom(map.getBoundsZoomLevel(bounds));
        mgr.addMarkers(markers, 0);
        mgr.refresh();
        map.panTo(bounds.getCenter());
-----------

setZoomとpanToの順番の問題？

GMarkerManagerって名前で入ってる。

でも、他のライブラリは取り込まれてない感じ。

----------------
intersects(other)     Boolean     名前の示すとおりです。
containsBounds(other)     Boolean     名前の示すとおりです。
----------------

気持ちは分かるけど、それ言ったらレファレンスなんてほとんど不要だよ。

mgr.addMarkers(markers, 0);

「0」必須。このくらい初期値として省略させてくれてもいいのに。。。

a is undefined
[Break on this error] function Ji(a){var b;while(b=a.firstChild){Ii(b);a.removeChild(b)}}
main.js (290 行目)
http://maps.google.com/intl/ja_ALL/mapfiles/132e/maps2.api/main.js

new GMap2();こんな呼び方してたのが原因。google maps apiってエラーが分かりにくいんだよなぁ。。。
（JSのライブラリ全般に言えることだけど）

JSTweenerが60（setIntervalの値で言うと16.6）
jQuery.animateが77（setIntervalの値で言うと13）

JSTweenerはJSTweener.frameRate = 20とかで変更できる。
jQuery.animateは変更できない？（jQuery.custom内でハードコードされてるっぽい）

setInterval(function () {},13)はちょっと早すぎる気がするなぁ。。。

講演会の話から