[B! JavaScript][AJAX] worrisのブックマーク

【HTML5】HISTORY API「pushState/popState」を使って画面遷移しなくてもURLを変化させて、戻るボタンの挙動をカスタマイズする | unitopi - ユニトピ -

【HTML5】HISTORY API「pushState/popState」を使って画面遷移しなくてもURLを変化させて、戻るボタンの挙動をカスタマイズするこんにちは。 pushStateやpopStateというHTML5 HISTORY APIをご存知でしょうか。もともとhistory APIは前からあり、history.back();などでブラウザの戻ると同じ挙動をさせることができます。今回はHTML5で追加されたpushStateとpopStateに注目していきましょう。よくAjaxなど、画面遷移を伴わずコンテンツなどの入れ替えを行う際に活用されています。 Facebookの例 ※個人情報の観点からスクリーンショットがご用意できずすみません。メッセージページでは左側にメッセージのやり取り相手の写真が並びます。それらをクリックすることによってメインのやり取りが表示されていく

worris 2015/09/02

リンク

Ajax - Lightweight Languages を実行するAPI : 404 Blog Not Found

2009年03月21日06:30 カテゴリLightweight Languages Ajax - Lightweight Languages を実行するAPI 今度はPerlだけではありません。 Perl だけではなく.... #!/usr/bin/perl warn time, "\n"; print ''.localtime; PHP も（誰だ、私がPHPを嫌いって言ってるのは:).... #!/usr/bin/php <?php echo date('r') ?> Python に... #!/usr/bin/python import datetime print datetime.datetime.now() Ruby に... #!/usr/bin/ruby puts Time.new Scheme (gauche) に... #!/usr/bin/gosh (use srf

worris 2009/03/21

リンク

特集：prototype.jsを読み解く｜gihyo.jp

worris 2007/09/05

リンク

[鏡] 入門 JSON 3 -- JSONP とコールバック関数 -- 戯れ言

最近 JSONP というのが話題になっているようですので，ここで簡単に紹介します。 JSONP （JSON with Padding）というのは JSON のデータフォーマットにちょっとした記述を加えて JavaScript の関数として呼び出せるようにしたものです。 JSONP については以下の記事に簡単な説明があります。（多分この記事が初出だろうという話です） Remote JSON - JSONP 例えば以下のような JSON データがあるとします。 { "name" : "Yasuhiro ARAKAWA" } JSONP ではこのデータに記述を加えて JavaScript 関数のようにしたものです。分かりにくいですね。具体的にはこのように記述します。 callback( { "name" : "Yasuhiro ARAKAWA" } ); "callback" の部分は関数

worris 2007/03/31

リンク

ぶいてく: [prototype.js] Event.observe()

いつも忘れるのでメモ Event.observe(element, name, observer, useCapture)で登録したイベント処理を受けるときは、Event.element(e)を使う。 Event.observe(but1, 'click', showMessage, false); function showMessage(e) { alert('clicked: '+ Event.element(e).id) ); // but1 }

worris 2007/03/12

リンク

prototype.js v1.5.0 の使い方

それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての非公式リファレンスも提供しています。ここで提供する例とリファレンス

worris 2006/11/05

JavaScript

リンク

Ajax うきうき Watch 第10回歴史年表と地図を効果的に関連付けるAjax

マウスによるドラッグで、東西南北自由な方向に地図スクロールさせる代わりに、MITが作ったTimelineで過去と未来の時間軸を自由に移動してみよう（編集部） Timeline Live Examples, Religion Timelines Live Examples, Dinosaurs 筆者は地図が好きですが、歴史も好きです。そして、この2つは密接な関係があります。例えば、地図に見える不自然な道路や施設などが、なぜ不自然に見えるのかという理由が歴史に埋もれていることがあります。一例を挙げれば、JR中央線の東中野から立川まで真っすぐの路線が延びている理由は、現在の沿線を見ても分かりませんが、建設当時の状況を見れば一目瞭然です（その辺りはほとんど農地で、土地の既得権でもめることが少なかった）。逆に、歴史の不思議を読み解くために地図は有効な手段となります。羽村取水堰から四谷大木戸まで続

worris 2006/07/27

リンク

はてなブックマーク

タグ

関連タグで絞り込む (8)

JavaScriptとAJAXに関するworrisのブックマーク (7)

お知らせ

今週のはてなブックマーク数ランキング（2025年8月第4週）

今週のはてなブックマーク数ランキング（2025年8月第3週）

はてなブックマークは20周年を迎えました

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス