眠い。 -Recent Entries V3

眠い。

カープネタ多め、他にWebネタとか書いてくblogです♪(^-^)

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  • この記事をはてなブックマークに追加。
  • Add to del.icio.us
  • fave it!
  • FC2ブックマークへ追加
  • この記事をクリップ!
  • Yahoo!ブックマークに登録

Recent Entries V3

  • 2006-06-18 (Sun) 21:52
  • [Category: JavaScript]

Recent Entries改。 の続き。


別の候補バージョン。こっちにしようかな…。

function entriesList() {
    this.targetNode = '';
    this.block = '';
    this.showTrigger = '';
    this.hideTrigger = '';
}

entriesList.prototype = {
    init : function () {
        EL.targetNode = document.getElementById('plugin_entries').getElementsByTagName('ul')[0];
        if (!EL.targetNode) { return; }
        EL.block = document.createElement('div');
        EL.targetNode.parentNode.replaceChild(EL.block, EL.targetNode);
        EL.block.appendChild(EL.targetNode);
        EL.targetNode.style.display = 'none';
        var p = document.createElement('p');
        EL.showTrigger = document.createElement('a');
        EL.showTrigger.setAttribute('href', 'javascript:void(0);');
        addEvent(EL.showTrigger, 'click', EL.show);
        EL.showTrigger.appendChild(document.createTextNode('Recent Entries'));
        p.appendChild(EL.showTrigger);
        EL.hideTrigger = document.createElement('a');
        EL.hideTrigger.style.display = 'none';
        EL.hideTrigger.setAttribute('href', 'javascript:void(0);');
        addEvent(EL.hideTrigger, 'click', EL.hide);
        EL.hideTrigger.appendChild(document.createTextNode('Close'));
        p.appendChild(EL.hideTrigger);
        EL.block.insertBefore(p, EL.block.firstChild);
//        EL.block.style.border = '1px solid';
    },
    show : function (evt) {
        var x = document.body.clientWidth - evt.pageX;
        var y = evt.pageY + 20;
//        window.status = x + ', ' + y;
        EL.showTrigger.style.display = 'none';
        EL.hideTrigger.style.display = 'inline';
        EL.block.style.backgroundImage = 'url("file/white_90.png")';
        EL.block.style.position = 'absolute';
        EL.block.style.top = y + 'px';
        EL.block.style.right = x + 'px';
        EL.block.style.zIndex = 10000;
        EL.block.style.maxWidth = Math.floor(document.body.clientWidth * 0.8) + 'px';
        EL.targetNode.style.display = 'block';
    },
    hide : function () {
        EL.showTrigger.style.display = 'inline';
        EL.hideTrigger.style.display = 'none';
        EL.block.style.backgroundImage = 'none';
        EL.block.style.position = 'static';
        EL.targetNode.style.display = 'none';
    }
};

var EL = new entriesList;

因みに addEventaddEventListenerattachEvent を振り分ける関数。


  • この記事をはてなブックマークに追加。
  • Add to del.icio.us
  • fave it!
  • FC2ブックマークへ追加
  • この記事をクリップ!
  • Yahoo!ブックマークに登録

Tools & Appendixes

義真 (BlogPet)


Calendar

2017/11
Sun Mon Tue Wed Thu Fri Sat
- - - 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 - -

Entries


Recent Comments


Recent Trackbacks


Categories


Monthly Archives


Tags


あわせて読みたい

あわせて読みたい


BlogScouter


RSS Feed


Author

和眞イメージ。

Author: 和眞
友人の弟君の名前を拝借。

FOAF FoaF Explorer


License

Creative Commons License
この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。


Ranking

お気に召されたらぽちっと押してやって下さい(^-^)


Counter

FC2カウンター


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。