複数のコンテンツ項目を自動的にスライド表示する

JavaScript No Comments »

たとえば、Twitterのタイムラインを自分のブログなどに表示するとき、Twitterから公式に提供されているウィジェットを使えばほぼ問題無いのだけど、表示する発言に何らかのフィルタをかける等、TwitterのAPIを使って処理した結果を、動きを付けてスライド表示させたい、という場合。

こちらのサイトで紹介されているように、「Simple jQuery Spy Effect」というJSがあるので、基本的にはこれを使うとよいです。

ただ、このスクリプトにはちょっと難点があって、1つの項目を表示する欄の高さが一定になっています。基準となるのは、先頭の項目の表示高さです。
Twitterのつぶやきの長さは一定ではないので、表示に必要な高さも一定ではないのですが、スクリプトをそのまま使うと、2つめ以降の表示が途中で切れたり、余白ができたりしてちょっとカッコ悪いです。

ということで、ちょっと修正して、欄の高さを可変にしてみました。
Read the rest of this entry »

submitの罠

JavaScript No Comments »

submitボタンのname属性にsubmitと付けてしまうと、
JavaScriptで、
document.form.submit();
とやろうとするとエラーになる。
WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS ログイン