Archive for the ‘Javascript’ Category

2012年02月25日に投稿

[jQuery]FC2ブログでページャーを自作する

FC2ブログにはいくつかのテンプレートタグが用意されていますが、ページ数を指定してページ移動できるページャー(1, 2, 3, …と表示されるリンク)がありません。そのページャーをjQueryを使って自作します。shoeistagramという照英の画像を集めたブログで実際に使っているコードです。

続きを読む

2012年02月12日に投稿

[Javascript] setInterval 関数で設定した定期処理を解除する

setInterval 関数を使うことで指定した処理を一定間隔で実行することができましたが、その処理を解除する方法です。定期処理を解除するには clearInterval 関数を使用します。

続きを読む

2012年01月14日に投稿

[jQuery] 画像の表示サイズに上限や下限を設定する

img 要素に width や height を指定すると画像の表示サイズを変更することができます。ですが width や height に上限や下限を設定したい場合は XHTML や CSS だけでは実現できません。この機能をjQuery を使って実現します。

続きを読む

2011年11月23日に投稿

[jQuery] css メソッドや animate メソッドで相対的なピクセル値を指定する簡単な方法

css メソッドや animate メソッドを使うと jQuery から簡単に CSS の操作ができます。要素を動いているように見せるには、margin や top、left などのプロパティをピクセル値で指定することになると思いますが、現在の場所からプラス 30px の位置まで動かしたいといった場合や、マイナス 20px の位置まで動かしたいといった場合に便利な記述方法があります。

続きを読む

2011年11月11日に投稿

[Javascript] prototype のプロパティに値を上書きするのと prototype にオブジェクトリテラルを上書きするのでは動作が異なる

あるオブジェクトのプロパティを上書きするときに、ドット演算子を使って上書きする方法とオブジェクトリテラルで上書きする方法では同様の結果が得られます。ですがprototypeの場合は訳が違うようです。具体的な例を示します。

続きを読む

2011年11月09日に投稿

[Javascript]無名関数を再帰的に呼び出す

無名関数にはその名の通り名前がないので関数名で呼び出すことができませんが、argumentsオブジェクトのcalleeプロパティを使うことで自分自身を再帰的に呼び出すことができます。

続きを読む

2011年11月08日に投稿

[Chrome] Developer Tools のコンソールで改行を入力する

Google Chrome には標準で Developer Tools が付いています。F12 を押すと起動するWEB製作者にありがたいツールです。これのコンソールでは Javascript を実行できるのですが、テキストエディタのように改行しようとしたときに Enter を押すとコードが実行されてしまいます。そこで改行したいときは Shift + Enter を押すようにすると改行を入力することができます。

でも改行は入力できてもタブが入力できないようですね。