背景画像にLazyload。

March 14, 2015 admin

背景画像にLazyLoadをあてれるのかと思って試してみたところ、普通に出来るようでした。

JS関数の存在チェック

March 7, 2015 admin

メモ代わりに。 jsでfunction_existsのように関数が定義されているかチェックします。

スムーズなページ遷移　pjax

January 22, 2014January 23, 2014 admin

最近見かける事が多くなったjquery プラグイン、またgithubで使われていることで有名な、pjaxを実装してみます。

CSS3 transition

November 26, 2013November 26, 2013 admin

オーバーレイを出すときにオブジェクトを上から表示させて、消すときに下にやりたかったのでそのデモ。

jsonp

October 18, 2013October 18, 2013 admin

Ajax関連メモ。 jsonpを使った場合。

var w_jsonfile = &#39;http://xxxxxx.jp/hoge.php&#39;;

<!--more-->

$.ajax({
    type:&quot;POST&quot;,
    url:jsonfile,
    dataType: &quot;jsonp&quot;,
    jsonpCallback: &#39;callback&#39;,
    success:function(data){
        console.log(data);
    },
    error :function(XMLHttpRequest,textStatus){
        console.log(textStatus);
    }
});

var w_jsonfile = 'http://xxxxxx.jp/hoge.php';

$.ajax({

type:"POST",

url:jsonfile,

dataType: "jsonp",

jsonpCallback: 'callback',

success:function(data){

console.log(data);

error :function(XMLHttpRequest,textStatus){

console.log(textStatus);

}

});

ポイントは、jsonpの場合は、jsonpCallbackパラメータが必要。 jQuery 1.5以降はこれで戻り値を指定する様になったようだ。詳しくは、http://api.jquery.com/jQuery.ajax/ で、hoge.phpではxmlからjsonへ変換して、上に倣ってcallback()の形で返す。

$xml = &quot;fuga.xml&quot;;
$result = simplexml_load_file($xml);
$encode = json_encode($result);
header(&quot;Content-Type: text/javascript; charset=utf-8&quot;); 
echo sprintf(&quot;callback(%s)&quot;,$encode);

$xml = "fuga.xml";

$result = simplexml_load_file($xml);

$encode = json_encode($result);

header("Content-Type: text/javascript; charset=utf-8");

echo sprintf("callback(%s)",$encode);

これでOK。

スマホ用サイドメニュー　２

July 4, 2013July 4, 2013 admin

さて、ナビが出てくる所の動きは理解出来た。後googleナビに近づけるためには、ナビの上下の動きがどうもカクカクした感じがあるので、何とかならんかと本家を見てみた。

スマホ用サイドメニュー

July 3, 2013July 4, 2013 admin

http://qiita.com/items/64e4589e37944bf032d9

jQuery deffered

June 4, 2013 admin

jQuery deffered について ajaxでスクリプトを書くときに、ajaxで取った値を基に別のリクエストを送って、返り値を一回目のリクエストと合わせて表示、なんてことをやる必要があった。最初recursiveだけで組んでみたが、良い機会なのでdefeerdと組み合わせて使ってみる。かなり見通しが良くなった（と思う）

Practice for jquery plugin.

May 17, 2013May 17, 2013 admin

プラグイン作成の練習。スクロールと同時にランダムに動くプラグインを作成しました。基本ソースは以下。

PowerTip

May 16, 2013May 16, 2013 admin

Powertip Powertipを使って、フォームの入力補助テキストを表示する。とても便利だったので、簡単にメモ。