JavaScript

Drupal 7のテーマでIE向けのJavaScriptの読み込み。

2014.04.05 / Notes

Drupalのテーマで、古いIE向けに条件コメント付きのJavaScriptの読み込み方法です。

 

テーマディレクトリ内の「template.php」ファイルにプリプロセスとして次のように記述します。

実際のレンダリングでは次のようになります。

jQueryでウィンドウリサイズ時にタイマー処理。

2013.11.11 / Notes

ウィンドウのリサイズ時に、少し遅れて画像を移動させたりするためのタイマー処理のメモです。
「resize」の部分を「scroll」にすれば、スクロール時のタイマー処理になります。

jQueryのプラグイン「jScrollPane」でカスタムスクロールバーを簡単に設置。

2013.10.26 / Notes

デザインをカスタマイズできる、jQueryのプラグイン「jScrollPane」でスクロールバーを簡単に設置する際のメモです。
サンプルはこちら

 

設置にはjQuery本体と、jScrollPaneプラグインにマウスホイール用のプラグインをあらかじめ読み込みます。

スタイルシートは最小限のみを記述しています。

 

jScrollPane

JavaScriptの正規表現でファイル名を分割。

2012.11.07 / Notes

JavaScriptの正規表現でファイル名を、名称の部分と拡張子の部分を分割する際のメモです。

FirefoxでjQueryが実行されない場合の対処法。

2012.09.06 / Notes

Firefox上でjQueryで記述した処理が、実行されない場合の対処法です。
jQueryの「.ready()」ステートメントで書き始める処理が、Firefoxの場合に限り動作しないケースがたまにあります。
原因ははっきりとは分かりませんが、特にDrupal上で記述すると、よくこの症状に遭遇します。
なので暫定的な対処法として、次のように書くようにしています。

「.bind()」を入れ子にして、ウィンドウの要素を全て読み込んだ段階で処理を実行するようにします。
Firefoxの場合だけ起こるというのが、やや不可解ではありますけど。