2010 年 3 月 31 日
jQuery 1.4からのdelay()メソッドについて
$('#foo').slideUp(300).delay(800).fadeIn(400);
使いそうなのでメモっておきます。
直感的で簡単なので、すぐに導入できそうです。
articles
2010 年 3 月 31 日
CSS IEのデフォルトスタイル
なにかのエントリーで見ましたが、IEのデフォルトのスタイルがまとめられていました。
これといって役立ちそうなところはないですが、とりあえず。
2010 年 3 月 30 日
jQuery 知らなかった子要素の選択方法
DesignReviver
http://designreviver.com/wp-content/uploads/2008/10/example.html
に下記の記述があったのですが、なにかよくわかりませんでした。
$("ul",this)
これは$(this)の中のul要素を選択する時などに使うと思われますが、
初めて見てしまいました。
知らないとはおっかないね。
2010 年 3 月 16 日
PHP 継承元のクラス(スーパークラス)のコンストラクタ
これは・・・あってるのかしら。
検索の仕方がよくわかりませんでした。
class Test extends SuperTest{
function __construct(){
//スーパークラスのコンストラクタ
SuperTest::__construct();
}
}
2010 年 3 月 12 日
PHP splintfはよく使うはず
なのに、よく忘れてしまうのでメモします。
$var=5;
echo splintf("%02d",$var);//2桁で出力
よくこんなカンジで使ってました。
$var=5;
$figures=2
echo splintf("%0{$figures}d",$var);//$figures桁で出力
調べるとこんな使い方も
$nowDate = sprintf("%04d年%02d月%02d日", $year, $month, $day);
使うべきでした。
2010 年 3 月 12 日
Smarty テンプレート内でPHPを使うのはダメ！
{php}
$var=”test”;
echo $var;
{/php}
こんなカンジでいけるのかしら？
こんなことできたらおかしいですよね。
これは困惑する。
やるべきではないって覚えときます。
でも正直知りませんでした。
2010 年 3 月 11 日
CSS3 ドロップシャドウをIEでも
ネタ元
http://www.cssplay.co.uk/menu/css3-shadows.html
以下の記述で、IEとCSS3のブラウザでほぼ同じドロップシャドウができるそうなのですが・・・
記述がめんどくさいですね。
ただ、つかいどころがどこかであるかもなのでメモっておきました。
<style type="text/css">
.container {padding-left:10px;}
.shadow {float:left;}
.frame {position:relative; background:#fff; padding:10px; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.clear {clear:left;}
</style>
2010 年 3 月 9 日
jQuery スライドショーでフェードイン、フェードアウト2010
前々からやってはいましたが、データの形式(配列からJSONに)とコールバックの仕方を変えてシンプルにしたので一応メモっておきます。
もちろんこれだけでは動かず一定間隔ごとにchange()関数を実行する必要があります。
ちなみにJSONは(JavaScript Object Notation)だそうです。
//初期フェーズ
slide_phase=-1;
//データ
pickup_data=new Array();
slide_data[0]={"href":"test_url1.html","comment":"テスト1","img_path":"1.jpg"};
slide_data[1]={"href":"test_url2.html","comment":"テスト2","img_path":"2.jpg"};
slide_data[2]={"href":"test_url3.html","comment":"テスト3","img_path":"3.jpg"};
slide_num=slide_data.length;
function change(){
if(slide_phase < slide_num-1){
slide_phase ++;
}else{
slide_phase =0;
}
$("#slide img").fadeOut(500,changeSrc);
$("#slide a").attr("href",slide_data[slide_phase].href);
$("#slide .comment").text(slide_data[slide_phase].comment);
}
//コールバック
// $(this)でイベントが発生したオブジェクトを受け取れる。
function changeSrc(){
$(this).attr("src", slide_data[slide_phase].img_path).fadeIn(2500);
}
2010 年 3 月 4 日
CSS3 テキストの選択色を指定する。これもcss3か！
とあるサイトで、選択したテキストの背景がサイトのデザインと
マッチしていて素晴らしいなと感じました。
ソースを見て行くと
::selection{}
::-moz-selection {}
とありました。
これで指定するんですね。
Mozilla の独自拡張は使うべきではないらしいのですが。
http://www.mozilla.gr.jp/standards/webtips0001.html#c1
2010 年 3 月 4 日
jQuery oneで１回だけの処理
これ知りませんでした。
用済みになると、普通にunbind()していました。
$(function(){
$("a").one("click",function(){
alert("もう出てきませんよ。");
})
})
-
CG-ARCHIVES