Bulletproof Ajax - Adactio

36 Pages·2007·2.11 MB·English

Bulletproof
Ajax
Bulletproof
progressive
enhancement
behaviour JavaScript
presentation CSS
structureHTML
content
<p>
This is the introduction
</p>
<p style="font-weight:bold">
This is the introduction
</p>
<p class="intro">
This is the introduction
</p>
.intro { font-weight:bold; }
<a href="help.html">
Need help?
</a>
<a href="help.html"
onclick="window.open
(this.href); return false;">
Need help?
</a>
<a href="help.html"
class="help">
Need help?
</a>
window.onload = function() {
// get links with class help
// loop through links
link.onclick = function(){
window.open(this.href);
return false;
};
};
beware
<a href="javascript:...">
<a href="#" onclick= "...">
communicating with the
server without refreshing
the whole page.
Ajax
communicating with the
server without refreshing
frames
the whole page.
iframe
Flash
XMLHttpRequest
Microsoft IE5
Mozilla Safari Opera
W3C
XMLHttpRequest