2013年2月28日木曜日

[JavaScript]JSのlive関数のように動的に取得した要素にstyleを反映させるには

›
AJAXなどで動的に取得したＨＴＭＬ要素にstyleを反映させるにはどうするか。 最初からcssファイルに記述しておけばいいんだけど、値自体を動的に決めたい場合はどうするか。例えば、windowサイズに合わせて何かのサイズを決めたい時とか。 そんなときはhead内に動的にs...
2013年2月12日火曜日

[Bootstrap]modal時に背景のスクロールを止める方法

›
https://github.com/jschr/bootstrap-modal/ このプラグインを導入すればいけますね。 ajaxとかも楽にできそうな感じなので今後使っていきたいと思います。

[Bootstrap]簡単にmodalにajaxでコンテンツを取得するスクリプト

›
http://twitter.github.com/bootstrap/javascript.html#modals   ここで紹介されている方法だと、html内にdiv要素で枠組み準備しておかなかったりと、面倒くさいので以下のスクリプトを使うことにした。非常に簡単。 D...
2013年2月11日月曜日

CakePHPでTwitter Bootstrapのpaginationを楽に表示するコード

›
pagination element for CakePHP on twitter bootstrap このコードでいけました。超絶便利。 ただ、誰かのコメントにあるようソースの2行目の $modules は $modulus に修正してね。 ・使い方はこのファイルをe...
2013年2月9日土曜日

[JavaScript]画面ロード時にレイアウトがガタッっと一瞬崩れないようにするため

›
レイアウトに影響を与えるJavaScriptが外部ファイル化されていると、読み込み完了まで時間がかかるので、一瞬ガタっとレイアウトが崩れるように見えることがある。 今回の場合、それは、例えば以下のようなonload時に実行されるレイアウトに影響を与えるコマンドが、外部ファイルに...
2013年2月7日木曜日

[jQuery]flatheightsとheightLine.jsの使い勝手比較

›
ブロックレベル要素の高さをそろえてくれるjsライブラリについて使い勝手を比較する。 ・jquery.flatheights.js 【メリット】 　対象の要素にクラス名を付与せずに使用できる。 【デメリット】 　呼び出すjsを書く必要がある。 　要素にpadding...
2013年2月1日金曜日

[CakePHP]どのviewでも共通して使うjsやcssをdefault.ctpで指定する

›
どのviewからも呼び出すjsファイルやcssファイルはdefault.ctp等のlayout側で指定してしまった方がコードの量が減らせます。 その指定の仕方。 default.ctp <!DOCTYPE html> <html xmlns=...