Home > javascript > ajaxなページへのパーマリンクを作ってみる

ajaxなページへのパーマリンクを作ってみる

2007-08-06 (月) 19:54
javascript

ajaxで表示しているページへの擬似的な直リンクを作ってみました。

こちらの記事ajaxで戻るボタンを実装する
のonloadイベント（呼び出し元htmlファイル）に以下のjsを追記することできました。

window.onload=function(){
//onloadイベントでURLの#以降を取得
if(location.href.match(/test.html/i)){
  var uri = location.href;
  if(uri.match(/.*?#/i)){
   hash=uri.replace(/.*?#/,"")
   //iframeのsrc部分を変更
   changeFrame(hash);
  }
}
}

こうすることで、呼び出し元htmlファイルのonloadイベントで、
ハッシュが存在する場合iframeのsrc部分を変更し、
iframeのonloadイベントが呼ばれて―――
続きの処理はこちらの記事と同じ⇒ajaxで戻るボタンを実装する

・・・という具合になります。

戻るボタンが使えて直リンクが出来ればajaxなページに慣れていない人へのユーザビリティも大分確保できるのと思います。

このブログを書いているsayjiroは最近会社を立ち上げました。小さな小さな会社ですが、一緒に働く仲間を探している今日この頃です。
社員が僕しかいない小規模零細企業ですが、自由に楽しく仕事をしつつWebを使って面白いことができればと思ってます。

募集している人物像：向上心がある・Webともの作りが好き（ある程度経験があると嬉しいですが、未経験でもやる気があれば可です）
お仕事内容：Web周り全般。サイト制作やデザイン、システム構築やiPhoneアプリ開発などいろいろです。
働く形態：その人に合わせて応相談(在宅とかでもいいです)

→興味がございましたらこちらからお気軽にご連絡ください！

次の記事: タブ型ファイラー「MDIE」
前の記事: ajaxで戻るボタンを実装する

コメント:0

トラックバック:0

この記事のトラックバックURL: http://sj6.org/ajax%e3%81%aa%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%b8%e3%81%ae%e3%83%91%e3%83%bc%e3%83%9e%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%8b/trackback/

Home > javascript > ajaxなページへのパーマリンクを作ってみる