Jquery on php-tips.com

jqPlotがIE8で動作しない場合の対処方法

Fri, 06 Aug 2010 23:21:33 +0900

暑い日が続きますね。昼間に外に出るとカリカリベーコンになってしまうのかと思うほどです。というわけで、こんにちは nojimage です。

jQuery向けのグラフ描画プラグイン"jqPlot“を最近利用してみました。手軽にグラフ描画ができるのでとても重宝します。

Sat, 17 Jul 2010 00:15:23 +0900

皆さんプラグイン作ってますかー。わたしは作ってます、CakePHPの方ですが。というわけで、こんにちは。今回もタイトルが長いですね。

とある日、jQueryでプラグインを書いていたときのことです。

Tue, 02 Feb 2010 22:51:37 +0900

最初と最後の子要素にスタイルクラスを与える jquery.markup_first_last.js

指定した要素の最初の子要素に、class=“first"を、最後の子要素に class=“last"を付与するプラグインです。

Tue, 15 Dec 2009 23:01:12 +0900

今回はリストや表組みで交互に色を変えるなど、スタイルを適用するときに便利なjQueryプラグインをご紹介します。

HTMLで以下のようなリストがあったとき、リストを見やすくするため交互に背景色をつける場合は、背景色をつける要素になんらかのスタイルクラスを与え、そのスタイルクラスに対して背景色を指定する方法があります。

<ul>
		<li>リンゴ</li>
		<li>バナナ</li>
		<li>ミカン</li>
		<li>イチゴ</li>
</ul>

背景色をつける要素にalterクラスを指定

<ul>
		<li>リンゴ</li>
		<li class="alter">バナナ</li>
		<li>ミカン</li>
		<li class="alter">イチゴ</li>
</ul>

CSSは下記のように指定します。

ul li {
		/* 通常のリストの指定 */
}
ul li.alter {
		/* 背景色を薄い灰色にする */
		background-color: #e6e6e6;
}

しかし、この方法を手動で行うと項目の数が増えた場合、HTMLのマークアップが煩雑になります。また、項目の追加や削除があった場合の作業も、考えただけでイヤになります。

そこで、本jQueryプラグインの出番です。

[ad]

Sat, 05 Dec 2009 13:09:06 +0900

日本人は表組が大好きです。クリスマスのチキンより表組みが好きなんです。（嘘

そんな表組の中で時折見かけるのが下表のようなデザイン。

[caption id=“attachment_285” align=“alignnone” width=“303” caption=“表1”][/caption]

見出し部分を均等割り付けです。均等割り付けなんかイヤだ！といってもやらなきゃいけないときもあるわけで。

普通、こういう表現をする場合スペースなんかで間隔を揃えてしまいがちですが、アクセシビリティを考えるとあんまりよろしくありません。

そんなとき、CSSプロパティのletter-spacingを利用して文字間隔を揃えます。しかし、手動でやるのは文字数やフォントサイズが変わるたびに値を調整しないといけないため、あまり効率的ではありません。

そんなときに使えるのが本jQueryプラグインになります。

※IE6, 7, 8, firefox 3.5, Safari 4, Google Chorme 4での動作を確認しています。

[ad]

Sun, 01 Nov 2009 02:30:11 +0900

CakeMatsuri Tokyo 2009 のカンファレンスディに参加してきました。

気になった内容をいくつかご紹介。