Source code for /src/clinet_inc.htm.txt
//======================================================================//
// Author: Mark Qian <markqian@hotmail.com> //
// WWW: http://www.coolshare.com //
// Copyright (c) 2006, Mark Qian //
// //
// You must contact Mark Qian to get a permission of use //
// in case you want to make any use of the codes except viewing it //
// on Mark's site. //
//======================================================================//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=23)">
<head>
<title>Client-side Include</title>
<script src="/html/js/expand.js"></script>
</head>
<body background="/html/images/rulebk.jpg">
<table><tr><td><table width=70><tr><td></td></tr></table></td><td><table><tr><td>
<center> <h2>Client-side Include</h2>
<br>
<br>
<br>
</center>
<br>
(underconstruction...)
Client-side Include or Html Include adds pieces of desired/shared html to the target page(s),
at render time in the browser instead of on the server. It is useful when you don't have or don't want to
use Server-side Include. There are a variety of
<li>Solutions <a id="Aa2" href="javascript:void(0)" onclick="divExpand(this);return false;"onMouseover="showtip()" onMouseout="hidetip()" style="text-decoration:none">Show details<span style="margin-left:10px;margin-right:10px;width:120px;height:20px;background-color:lightgrey;text-align:center;text-valign:middle;border:2px buttonhighlight outset;cursor:hand;font-size:9pt;font-weight:bold">Show details</span></a>
<div id="d_Aa2" style="display:none;background-color:#CCFFFF;border-style: inset;width:1200"><pre>
<ul><ul><li><b>AJAX</b></li>
XMLHttpRequest is used in this approach.
<b>Limitations:</b>
<li>Javascript support is required</li>
<li>"The Same oirgin" rule is applied</li>
<A NAME="_new"></A>
<b>Here are a variety of implementation</b> for "an autocomplete component":
<b>1</b>. Mark's implementation.
In this example, an "anchor" script section is used to mark the position to insert and the
"anchor" is removed after the insertion.
<b><a href="http://RemoteScriptGuru.com/RemoteScriptGuru/remote_script.issue_1_comm.ajax1.do" target=_blank>Demo</a></b>, <b><a href="http://RemoteScriptGuru.com/RemoteScriptGuru/remote_script.issue_1_comm.ajax1.do#_src" target=_blank>Codes</a></b> and Design.
<b>2</b>. Another approach. <b>Demo</b> and <b>Codes</b>.
<li><b>...</b></li>
</pre>
<script language="javascript" src="/html/js/cross_browser.js"></script>
<script language="javascript" src="/html/js/include_ajax.js"></script>
<script id="__include__">
include.load("http://www.coolshare.com/html/common/contact.htm");
</script>
</body>
</html>