<textarea id="myTextArea" style="WIDTH: 376px; HEIGHT: 160px" rows="10" cols="44"></textarea>
<input type="button" value="插入測試" onclick="InsertContent('myTextArea','我是要插入的文字');">
function InsertContent(AreaID,Content){
var myArea = document.getElementById(AreaID);
//IE
if (document.selection){
myArea.focus();
var mySelection =document.selection.createRange();
mySelection.text = Content;
}else{
//FireFox
var myPrefix = myArea.value.substring(0, myArea.selectionStart);
var mySuffix = myArea.value.substring(myArea.selectionEnd);
myArea.value = myPrefix + Content + mySuffix;
}
}
資料來源:http://www.dotblogs.com.tw/demarco/archive/2010/08/03/16980.aspx
為了減輕server loading
圖片的顯示 加上了JQuery外掛 Lazy Load
讓圖片延遲載入
瀏覽器 拉到該可視範圍內
圖片才載入
前提必須有jquery
接著需下載
queryLoader.js
jquery.lazyload.mini.js
塞進所用呈現的檔案內
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<link rel="stylesheet" href="queryLoader.css" type="text/css" />
<script type='text/javascript' src='jquery.lazyload.mini.js'></script>
</head>
並加上
<script type="text/javascript">
$("img").lazyload({ effect: "fadeIn" });
</script>
img就是html的
<img src="/images/001.gif" />
下載Lazy Load網址:http://www.appelsiini.net/projects/lazyload