H2+ Goes On

REST APIを使って外部サイトからデータセットを取得して、各要素をリスト形式でページ内に表示させたいことがあるかと思います。

1
2
3
4
5
6

var fruits = [ 'apple', 'banana', 'orange' ];
$.each(fruits, function() {
    $('ul#fruits').append(
        $(document.createElement('li')).text(this)
    );
});

4行目の$(document.createElement('li'))の部分は、$('<li>')と簡単に書くこともできますが、JavaScriptコードにはHTML固有の文法を持ち込みたくないものです。
Continue reading »

本ブログの検索窓（画面右上）のように、カーソルを合わせると文字が消えるフォームをよく見かけますね。jQueryを使ってこのようなフォームを簡単に作る方法を紹介したいと思います。地域ホームページ下総中山に組み込まれているGoogle/Yahoo!の検索窓（右図）も、ここで紹介しているjQueryを使っています。

Continue reading »

外部サイトのリンクを別タブで開く方法のエントリで紹介したjQueryは、自分でコンテンツを管理しているサイト中でなければ使えません。これをなんとかブックマークレットにして、他のサイトでも使えるようにはできないものかと考えてみました。

閲覧しているサイトが必ずしもjQueryを使っているとは限りませんので、jQueryをブックマークレット中で使えるようにするためには、必要に応じてjQueryをロードしなければなりません。

Continue reading »

ブログ開設から１ヶ月しか経っていないので、自サイト内にはブックマークされているようなエントリはまだありませんが、はてなブックマークのヘルプページで「ブックマーク数を画像で取得するAPI」を見ながら、ブログ内にあるリンクの隣にはてブ数を表示させるようにしてみました。

Continue reading »

コンテンツ上にあるリンク先に飛んだ後、いちいちブラウザの「戻る」操作をするのが面倒なので、リンクを右クリックして「リンクを新しいタブで開く」習慣があります。このブログを自分で見るときも同じことをするのですが、右クリックという操作自体が煩わしくなってきたので、「なんとか自動化できないかなぁ」を思っていました。

Continue reading »