AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
Posted: 2011.06.20 / Category: javascript / Tag: Ajax, HTML5 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
jQueryを用いたAJAX通信中に画面をロックする
面倒くさがりのためのスニペット。とりあえずAJAX使っているところ全部で画面をロックしたいときに有用かもしれん。ajaxのformを多用していると特に。 html(bodyの最後辺りに挿入しておく) <div id="lock"><img src="/media/image/ajax-loader.gif" /></div> css #lock { z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; //お好みの色で text-align: center; display: none; opacity: 0.7; //これもお好みの透過率で } JavaScript $(function(){ function lockWindow(){ v
半透明のレイヤーでページや要素をブロックする「jQuery BlockUI Plugin」を試してみた
jQueryのプラグインとかを見ていた時に、 なにやら面白そうなプラグインを発見。 「jQuery BlockUI Plugin」 画面全体やもしくは要素に対して、 半透明のレイヤーを表示させてブロックするプラグインだ。 使う機会はでてくるかわからないけど、 とりあえず使って試したくなったので、 勉強のためにメモエントリーしておく。 Login FormRun jQuery('#demo1').click(function() { jQuery.blockUI({ message: $('#loginForm') }); //↓最後の数字が消えるまでの時間（1000=１秒） setTimeout(jQuery.unblockUI, 2000); }); iPhoto (ish)Run jQuery('#demo2').click(function() { jQuery.blockUI({
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.yuku-t.com/entry/20110823/1314111340