にっき

2008/05/01 19:22:35

もっとあわせて読めるかも?


07/11/28のにっきのときにぺったんしたっぽいあわせて読みたいだけど・・・
いつの間にか RSS や JSONP でもで〜たが引っ張れるようになってるにう(´ω`;【みかん
せっかくだから JSONP を使って全件表示できるようにしちゃうにう...〆(´ω`。【みかん
引用:
※APIを利用して「あわせて読みたい」を表示する場合、画像パーツを貼り付ける必要はありませんが、まずトップページからブログを登録する必要があります。ご注意ください。
っておはなしなのであわせて読みたいに登録してないひとは見なかったことで☆




awasete.js】ヾ(・x・。【みかん
var wsAwasete =
{
    limit : 5,
    siteUrl : 'http://wishstar.info/',
    nodeId : 'awasete_block',
    hiddenClass : 'nodisp',
    
    start : 0,
    node : null,
    items : [],
    nativeOnload : window.onload,
    nativeOnunload : window.onunload,
    init : function(eve)
    {
        if(typeof wsAwasete.nativeOnload == 'function')
        {
            wsAwasete.nativeOnload(eve);
        }
        
        var elem = document.createElement('script');
        elem.src = 'http://api.awasete.com/showjson.phtml?u=' + escape(wsAwasete.siteUrl);
        elem.type = 'text/javascript';
        elem.charset = 'utf-8';
        document.getElementsByTagName('head')[0].appendChild(elem);
    },
    dest : function(eve)
    {
        wsAwasete.node = null;
        wsAwasete.items = null;
        
        if(typeof wsAwasete.nativeOnunload == 'function')
        {
            wsAwasete.nativeOnunload(eve);
        }
    },
    setup : function(list)
    {
        var prev = document.createElement('span');
        var awasete = document.createElement('a');
        var next = document.createElement('span');
        var block = document.getElementById(wsAwasete.nodeId);
        
        wsAwasete.node = document.createElement('ul');
        
        prev.className = 'prev';
        prev.innerHTML = '« ';
        
        awasete.className = 'awasete';
        awasete.href = 'http://awasete.com/';
        awasete.appendChild(document.createTextNode('awasete.com'));
        
        next.className = 'next';
        next.innerHTML = ' »';
        
        if(list.length > wsAwasete.limit)
        {
            prev.onclick = wsAwasete.showPrev;
            next.onclick = wsAwasete.showNext;
        }
        
        block.appendChild(prev);
        block.appendChild(awasete);
        block.appendChild(next);
        block.appendChild(wsAwasete.node);
        
        for(var i = 0;i < list.length;i++)
        {
            var obj = wsAwasete.createNode(list[i]);
            obj.className = (i & 1) ? 'odd' : 'even';
            if(i >= wsAwasete.limit)
            {
                wsAwasete.setHidden(obj);
            }
            wsAwasete.items.push(obj);
            wsAwasete.node.appendChild(wsAwasete.items[i]);
        }
    },
    setHidden : function(obj)
    {
        obj.className += ' ' + wsAwasete.hiddenClass;
    },
    resetHidden : function(obj)
    {
        obj.className = obj.className.replace(new RegExp('\s*' + wsAwasete.hiddenClass + '$'),'');
    },
    createNode : function(obj)
    {
        var item = document.createElement('li');
        var anchor = document.createElement('a');
        var favicon = document.createElement('img');
        
        favicon.src = obj.favicon;
        anchor.href = obj.navigation;
        anchor.appendChild(favicon);
        anchor.appendChild(document.createTextNode(obj.title));
        item.appendChild(anchor);
        
        return item;
    },
    showPrev : function(eve)
    {
        if(wsAwasete.start <= 0)
        {
            return;
        }
        
        wsAwasete.start--;
        wsAwasete.setHidden(wsAwasete.items[wsAwasete.start + wsAwasete.limit]);
        wsAwasete.resetHidden(wsAwasete.items[wsAwasete.start]);
    },
    showNext : function(eve)
    {
        if(wsAwasete.start + wsAwasete.limit >= wsAwasete.items.length)
        {
            return;
        }
        
        wsAwasete.setHidden(wsAwasete.items[wsAwasete.start]);
        wsAwasete.resetHidden(wsAwasete.items[wsAwasete.start + wsAwasete.limit]);
        wsAwasete.start++;
    }
};

window.awasete_yomitai = wsAwasete.setup;
window.onload = wsAwasete.init;
window.onunload = wsAwasete.dest;
かなり即席だけどこんなかんじかなぁ? 〆(・x・。【みかん
緑のとこはかすたまいず用ってことで名前をつけて保存したら
limit : 一度に表示する数
siteUrl : ぱ〜つをぺったんするさいとのあどれす
nodeId : ぱ〜つを表示するとこの ID
hiddenClass : 非表示にするときに使うすたいるし〜とのくらす名
こんなかんじに描き替えてから使ってくださいなです☆
使いたいってひとがいればのおはなしだけど・・・

ぺったんするときの HTML 側は
<div id="awasete_block">
  <script src="http://wishstar.info/common/awasete.js" type="text/javascript"></script>
  <noscript>
    <a href="http://awasete.com/show.phtml?u=http%3A%2F%2Fwishstar.info%2F">
      <img src="http://img.awasete.com/image.phtml?u=http%3A%2F%2Fwishstar.info%2F"
 width="160" height="140" alt="あわせて読みたい" />
    </a>
  </noscript>
</div></div>
こんなかんじにしとけば JavaScript off なひとはいつもの画像が出るからばっちり・・・にう?

IEだと2回目以降・・・っていうかきゃっしゅから読み込むときに charset 指定を無視してくれるのか
JSONP をぱ〜すするときにえら〜が出るのは仕様・・・にう?(´・ω・`;【みかん
JavaScript のでふぉなら UTF-8 だから化けないはずだけど・・・
げいつさんの自称便利機能でさいとのえんこ〜どにあわせてくれてるとかかなぁ?
指定を無視してのおせっかいはめいわくなおはなしにう・・・


こめんと

投稿日時:2008-5-1 23:45  更新日時:2008-5-1 23:45
 なおた?
ぽいけど・・・
script なの〜どを入れる場所によってきゃっしゅの動作が変わるにう?(´・ω・`;【みかん
ってことで
-document.body.appendChild(elem);
+document.getElementsByTagName('head')[0].appendChild(elem);
で解決かなぁ?
とりあえずこ〜どは修正して様子見ってことで...〆(´ω`;【みかん

投稿日時:2008-5-8 11:41  更新日時:2008-5-8 11:41
 まただめっぽい?
『・』が入ってるたいとるがあると head でもだめっぽいにう?(´・ω・`;【みかん
DOM 生成しないで直描きするとだいじょ〜ぶっぽいにゃぁ・・・
りにうあるで UTF 化できるまでとりあえず直描きにしとくにう(つx;【みかん

こめんとする?



 
投稿された内容の著作権はこめんとの投稿者に帰属するっぽいです☆
また,現在 IE6 以下で Sleipnir,Lunascape,Donut じゃないゆ〜ざえ〜じぇんとからの描き込みを制限してますです☆
該当しちゃうかたはてきとうにゆ〜ざえ〜じぇんとを偽装しちゃってくださいです(´ω`;【みかん
さぶこんてんつ
前月 2024年 11月 翌月
          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
 
             
  • あじ あじ
  • ED ED
  • えでん えでん
  • えれふぃ えれふぃ
  • ぐらぶれ ぐらぶれ
  • etc etc
  • にっき にっき

あわせて読みたい

先頭に戻る
めにう 先頭に戻る