📄 index.aspx
字号:
<html>
<head>
</head>
<style type="text/css">
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
</style>
<script language="Javascript" type="text/javascript" src="/lib/ctrlpopup.js">
</script>
<script language="JavaScript" type="text/javascript">
function ShowContent( element) {
ddrivetip(document.getElementById( "txt" + element.title).innerHTML, 300);
}
function HideContent() {
hideddrivetip();
}
function ShowLinks( element) {
document.getElementById( "showimage").style.visibility = "visible";
document.getElementById( "showimage").style.top = "50px";
document.getElementById( "showimage").style.left ="50px";
document.getElementById( "inject").innerHTML =
document.getElementById( "links" + element.title).innerHTML;
return false;
}
</script>
<body>
<script language="JavaScript" src="/lib/ctrltooltip.js" type="text/javascript">
</script>
<table>
<tr>
<td>
<center>
<h1>
Ajax Patterns and Best Practices Website</h1>
</center>
</td>
</tr>
<tr>
<td>
<center>
Welcome to the <a href="http://www.amazon.com/gp/product/1590596161/qid=1139224237/sr=2-1/ref=pd_bbs_b_2_1/102-0086624-0547320?s=books&v=glance&n=283155"
target="_null_">Ajax Patterns and Best Practices</a> demonstration website. In the image
below are the patterns from the book with demonstrations. Not illustrated in the
image is the <a href="/" title="Asynchronous" onmouseover="ShowContent( this)"
onmouseout="HideContent()" onclick="ShowLinks( this); return false;">Asynchronous</a> type
implementation. If you want to <a href="/" title="SourceCode" onmouseover="ShowContent( this)"
onmouseout="HideContent()" onclick="ShowLinks(this); return false;">
download the sources, help, submit patches, or the likes</a>.
</center>
</td>
</tr>
<tr>
<td>
<center>
<img width="600" height="380" src="/images/patterns.png" alt="" usemap="#patterns"
style="border-style: none" />
</center>
</td>
</tr>
<tr>
<td>
<center>
<h3>
<a href="http://www.devspace.com:8080">.NET Version</a> <a href="http://www.devspace.com:8088">
Java Version</a>
</h3>
</center>
</td>
</tr>
<tr>
<td >
<center>
The website is bare bones and without formatting to solely focus on the pattern
implementations. By keeping things simple it is easy to understand how the HTML
pages are constructed and assembled. I highly advise that when you look some content
look at the HTML page sources. And to inspect the server sources download the sources
as per the provided links.
</center>
</td>
</tr>
<tr>
<td style="background-color: #ffffcc;">
<center>
For those looking at the source code there are changes. The architecture and theory of the patterns remain the same, but the implementations
have been optimized. This is due to versioning and tightening the code. If anybody wants the original used to
create the book, send me an email (christian at gmail.com) and I will send them to you. However, be forewarned
those original sources are meant to illustrate a single pattern implementation.
</center>
</td>
</tr>
<tr>
<td>
<center>
The materials presented on this website are provided using a BSD license.
</center>
</td>
</tr>
</table>
<div>
<!-- #Include File="texts/AllPatternsDescriptions.html" -->
<map id="patterns" name="patterns">
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="105,13,204,58"
href="#DecoupledNavigation" title="DecoupledNavigation" onclick="return ShowLinks( this)">
</area>
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="6,107,145,151"
href="#RestBasedMVC" title="RestBasedMVC" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="224,58,342,102"
href="#RepresentationMorphing" title="RepresentationMorphing" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="105,245,214,286"
href="#ContentChunking" title="ContentChunking" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="184,339,332,365"
href="#Permutations" title="Permutations" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="307,245,416,289"
href="#PersistentCommunications" title="PersistentCommunications" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="381,39,460,74"
href="#InfiniteData" title="InfiniteData" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="490,77,584,113"
href="#StateNavigation" title="StateNavigation" onclick="return ShowLinks( this)" />
<area shape="rect" onmouseover="ShowContent( this)" onmouseout="HideContent()" coords="445,294,594,320"
href="#CacheController" title="CacheController" onclick="return ShowLinks( this)" />
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
<!-- #Include File="texts/DecoupledNavigationDescription.html" -->
<!-- #Include File="texts/RestMVCDescription.html" -->
<!-- #Include File="texts/RepresentationMorphingDescription.html" -->
<!-- #Include File="texts/ContentChunkingDescription.html" -->
<!-- #Include File="texts/PermutationsDescription.html" -->
<!-- #Include File="texts/PersistentCommunicationsDescription.html" -->
<!-- #Include File="texts/InfiniteDataDescription.html" -->
<!-- #Include File="texts/StateNavigationDescription.html" -->
<!-- #Include File="texts/CacheControllerDescription.html" -->
<!-- #Include File="texts/AsynchronousDescription.html" -->
<span id="linksSourceCode" style="position: absolute; visibility: hidden;">
<p>The <a href="http://www.devspace.com/~cgross/ajaxpatterns/snapshot/ajaxpatterns.zip">sources</a> for Ajax Patterns and Best Practices site
can be downloaded from the link. If you want to be kept up to date with the latest and greatest use the subversion database at the
URL http://www.devspace.com/repos/ajaxpatterns. I am currently not giving out write access.</p>
<p>If you have patches or fixes
please submit the entire modified file in a zip file with original directory structure to the email address christianhgross at gmail.com.
Also please indicate what you did and why. The description does not have to be lengthy, I will see the sources, but I would like to know
what the problem of improvement is. <i>Thanks!</i></p>
</span>
<div id="showimage" style="position: absolute; width: 400px; left: 50px; top: 0px;
visibility: hidden;">
<table border="0" width="400" bgcolor="#000080" cellspacing="0" cellpadding="2">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="36px">
<tr>
<td id="dragbar" style="cursor: hand; cursor: pointer" width="100%"
onmousedown="initializedrag(event)">
<ilayer width="100%" onselectstart="return false">
<layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)"
onMouseout="dragswitch=0">
<font face="Verdana"
color="#FFFFFF"><strong><small>Pattern Examples</small></strong></font>
</layer>
</ilayer>
</td>
<td style="cursor: hand">
<a href="#" onclick="hidebox();return false">
<img src="/images/close.gif" width="16px" height="14px" border="0"></a></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding: 4px" colspan="2" id="inject">
<!-- PUT YOUR CONTENT BETWEEN HERE -->
Testing 1 2 3
<!-- END YOUR CONTENT HERE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -