脱皮

javascript

これまでは
パッチ＝オサーンの履くもん　　オサーンのお前が言うなと…
な自分的等式により敬遠してたパッチ（スパッツ？）なんだけど訳あって今冬よりを履く様にｗｗ
で、いざ履いてみたら、冷え性の自分にはこりゃもうスーパーナイスアイテムであっさり、冬の必需品にｗｗ
こんな事なら、もっと早く履いとけばよかったｗｗ
でもさすがにだいぶ暖かくなってきたからか、職場の暖房の加減でか
最近は暑くなってきて…という訳でそろそろ脱皮です。次の冬もまた宜しくお願い致しますｗｗ

ドラッグの実験

ちょｗｗｗこの標題勘違いされるｗｗｗ
とまぁ、いつも通りきっかけは某掲示板での質問。
tableをドラッグで幅調節できないかってんで、試しにやってみた。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>drag test</title>
<script type="text/javascript">

var obj = null;
var flg = false;
var startX; var endX;

function windowEvent() {
    if (window.event) return window.event;
    var caller = arguments.callee.caller;
    while (caller) {
        var ob = caller.arguments[0];
        if (ob && ob.constructor == MouseEvent) return ob;
        caller = caller.caller;
    }
    return null;
}

function StartResize() {
    var e = windowEvent();
    obj = (e.srcElement) ? e.srcElement : e.target;
    if ((!(flg)) && (obj.tagName == "TH")) {
        startX = e.clientX;
        flg = true;
    }
}
function EndResize() {
    var e = windowEvent();
    if (flg) {
        endX = e.clientX;
        Resize();
        obj = null;
        flg = false;
    }
}
function Resize() {
    obj.width = obj.offsetWidth + (endX - startX);
}
</script>
<style type="text/css">
.hoge   { border-collapse: collapse; }
#drg th { text-align: center;
          border: solid 1px #dddddd;
          background-color: #cccccc;
          cursor: w-resize; }
#drg td { text-align: center; border: solid 1px #dddddd; }
</style>
</head>
<body onmouseup="EndResize();">
<table class="hoge" id="drg">
    <tr>
        <th id="ttl1" onmousedown="StartResize();">見出し1</th>
        <th id="ttl2" onmousedown="StartResize();">見出し2</th>
        <th id="ttl3" onmousedown="StartResize();">見出し3</th>
    </tr>
    <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
    </tr>
    <tr>
        <td>内容4</td>
        <td>内容5</td>
        <td>内容6</td>
    </tr>
</table>
</body>
</html>

見出し部分（thタグ）でドラッグすると、幅が広がったり、狭まったりします。
IE6とFF2では、それぞれで若干挙動が異なるとはいえ、一応動作してくれるんだけど
Opera9だと広がるだけで、狭まってくれない。。。
しかも変な事に初回だけなら狭まってくれるという。。。
もうちょっと調べないと駄目だな。

初めての

トラックバックｋｔｋｒ！！（ﾟ∀ﾟ）
って思って喜んでたらエロサイトからですよｗｗｗ
向こうのんも一応見てあげましたよｗｗｗトラックバック削除しましたけどｗｗｗ