パソコンでは正常に動いているのに、スマートフォンでは操作のイベントを正しく認識していないように思えたので、調べた。 その結果、 if (isSmartPhoneDevice()) { // スマートフォンでは、PC の clikc イベントは tap になる $('a').tap(function() { ... …

Slim3 で JSON を受け取るために、久しぶりに Ajax のデータを受け取る処理を記述していたら、(Chrome 上で)下記のエラーが発生した。 XMLHttpRequest cannot load http://localhost:8888/api/json/... Origin http://localhost is not allowed by Access-Co…

JavaScript のコードをほとんど書いたことがなく、jQuery も JSONP も初めてだったので、戸惑うことが多かった。 Bing で callback で利用する関数を指定するパラメーター名は JsonCallback Bing のように callback 関数を明示的に指定する必要がある場合は…

<script type="text/javascript">

dataTables はデータを JavaScript 内に記述することによって、ソートが可能になっている。 上記に記述はしたが、Internet Explorer 6.x でも動作することを確認した。 サンプルコードは上記のページにも記述されているが、いつなくなるかもわからないので記…

ソート機能が有効になるには HTMLファイルに静的に書き込む場合、ソート機能は利用できない。 ソートは「Ajaxを通じて、ソートされたデータをクライアントに渡す」ことで実現している。 JSON もしくは XML 形式でデータをクライアントに渡す必要がある。 各…

久しぶりに jQuery の Flexgrid を利用しようと思ったら、公式サイトがドメインの有効期間で失効になっていた。 http://webplicity.net/flexigrid/ これは困ったと思っていたら、新しい公式ページをやっと見つけた。 Flexigrid - Web 2.0 Javscript Grid for…

「1ページに 複数の id に UI Tabs を適用し、かつ Cookie でクリックしたタブを管理する」のコードは冗長なことはわかっていたので、修正をした。 <script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/jquery.ui.core.1.6rc2.min.js"></script> …

<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/jquery.ui.core.1.6rc2.min.js"></script> <script type="text/javascript" src="/js/jquery.ui.tabs.1.6rc2.min.js"></script> <…

やりたいこと 初めて訪問したユーザーに初期設定で選択したタブを表示する 移動後にタブを表示するページに戻った場合は、最後にクリックしたタブを選択した状態で表示させる <script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/jquery.ui.core.1.6rc2.min.js">

タブを選択してから別のページへ移動した後に、タブがあるページへ戻った場合に、選択したタブの内容が表示されているようにする。 もっとも簡単な記述方法 <script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/ui.core.js"></script>