[mootools]TOPへ戻るリンク

mootoolsで長いページにあると便利なTOPへ戻るリンクを自動挿入するサンプル。
Dreamweaverだとアセットとかテンプレートとかあるのでそっち使ってもいいけど。

※このサンプルは前バージョン(1.1.2)で書いたものなので1.2では動かないかも

$$('.Top').each(function(heading){
new Element('a', {
'href': '#header',
'class': 'toTop'
}).setHTML('ページトップへ戻る▲').injectBefore(heading.getFirst());    });

hrefには上の方にあるIDを設定する。
テキストは適当に。

HTMLには挿入したいところにこれを書く。
<div class="Top"><a></a></div>

hrefとかもbody直下のIDを自動取得するようにしたら便利かな。
挿入する場所が「DIVのID●●の下」みたくほぼ決まってるなら、タグ書かなくても挿入するように出来る。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください