iPhoneのホーム画面の動きを２つの方法で制作しました。 CSS3のanimationで動かす方法と CSS3のtransformの値をjQueryのanimateで変化させる方法。 iPhoneで閲覧した場合 前者は動的にanimationの設定をしているので トゥイーンが始まる時にちょっと動作が止まってしまいます。 後者は滑らかです。 Firefox,Chrome,Safari,iPhoneで動きます。 サンプルCSS3 animation サンプルCSS3 jQuery.animate of translate

htmlからpdfを出力します。 UIにはjQueryUIを使っています。 jQueryUI + output pdf 使い方 1) 右のサムネイルを左へドロップして 2) 「pdf出力」ボタンを押下 参考にしたサイト @IT – jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe05/ajaxrecipe05_1.html ホゲホゲロック http://hoge2rock.com/154/ mPDF Manual http://mpdf1.com/manual/index.php mPDF » Download(Googleキャッシュ) http://bit.ly/ha1jlM

移植しました。 前に似たようなのを作った気がしますが、今回はjQueryです。 サンプル http://ktyr.net/blog/childpage/jquery/03/index.html 移植していない普通のScrollToの使い方はこちら plugin:ScrollTo 指定エレメントまでスクロールする javascript $(document).ready(init); function init(){ $.easing.easeNone=function(x, t, b, c, d) { return c * t / d + b; }; $.easing.RegularEaseOut=function(x, t,b,c,d){ return -c * (t /= d) * (t - 2) + b; }; $.easing.RegularEaseIn=function(x, t

jsでxmlを扱うのが面倒なのでオブジェクトに変換していつも処理してます。 下記のコードで大体問題無いです。 サンプル //使う時 loadxml2json("xml/data.xml", when_get_data); function when_get_data(data){ alert(data); } function loadxml2json(file, finish_func){ var x=null; if(window.XMLHttpRequest){ x=new XMLHttpRequest(); }else{ try{ x=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ x=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ x=null; } } } if(!x

Google Maps ルート検索を使おうと思い、サンプルを作りました。 Google Maps ルート検索 Google Maps本家とAPIで出来ることに違いがあるようです。 APIでは ・電車を使うルート検索が出来ない ・電車が使えないので出発時間、到着時間の指定が出来ない WindowsXPの下記のブラウザで動作を確認しました。 Firefox3.6.3 GoogleChrome8.0.552.224 Safari5.0 IE8 参考にしたサイト Google Code – Google Maps JavaScript API V3 http://code.google.com/intl/ja/apis/maps/documentation/javascript/

Googleの短縮URL「goo.gl」がAPIの提供を開始http://blog.fkoji.com/2011/01110730.html したらしいので早速いじってみました。 あらかじめ下記サイトでAPIキーを取得しておきましょう。 URL Shortener APIのActivateボタンを押して表示されたURLのkeyの値がAPIキーです。 http://code.google.com/apis/console/ APIキーを取得したらあとはごりごり書くだけ。 PHP < ?php $apikey='APIキー'; $url="https://www.googleapis.com/urlshortener/v1/url" . '?key=' . $apikey; $longurl=$_GET["longUrl"]; $shorturl=$_GET["shortUrl"]; if($

某案件でこんな事象があったようなので調べました。 IE6,7でjavascriptのwindow.openでリンクを開くとリファラが取得できないようです。 また、AS3のnavigateToURL、AS2のgetURL、AS2のExternalInterfaceでwindow.open ではswfファイルの絶対パスがリファラになってしまうようです。 その回避方法をここに記します。 サンプル //リンクを開くときにこのメソッドを使う function open_main2(url, target){ if(document.all){//IEの時 var body=document.getElementsByTagName("body")[0]; var atag=document.createElement("a"); atag.href=url; atag.target=target;