- 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);
}
}
}
//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/



