轉錄 jQuery alert dialog

介紹一下 jQuery 的 外掛，可以自訂 alert 等提示的樣式（修改CSS），介紹網站在下面

http://labs.abeautifulsite.net/projects/js/jquery/alerts/demo/

javascript 動態增減減表格

雖然有查到許多資料像 document.getElementById("").RemoveChild() 的方式，不過是了半天是不出來，所以就用簡單的方式 修改 element 裡的 innerhtml 來達成我的目標


code 如下


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />



<title>Sample</title>

<script type="text/javascript">


var ItemCount=0;

var temp=new Array();


/*
Add Item field

*/

function addItem()
{

eval("document.getElementById('addButton"+ItemCount+"').style.visibility = \"hidden\";");
if(ItemCount!=0)
eval("document.getElementById('deleteButton"+ItemCount+"').style.visibility = \"hidden\";");



temp[ItemCount] = document.getElementById('ItemList').innerHTML;
ItemCount++;

document.getElementById('ItemList').innerHTML +=
"<br> <br> Item Id : <input name=\"ItemId"+ ItemCount +"\" type=\"text\" /> " +

"Item Aliases : <input name=\"ItemAliases"+ItemCount +"\" type=\"text\" /> " +

//<button id="addButton0" onclick="addItem()">ADD </button>

"<button id=\"addButton"+ ItemCount+ "\" onclick=\"addItem()\"> ADD</button>" +

"&nbsp; <button id=\"deleteButton"+ ItemCount+ "\" onclick=\"deleteItem()\"> delete</button>"


;



}


function deleteItem(){


ItemCount--;
document.getElementById('ItemList').innerHTML = temp[ItemCount];
// Set null
temp[ItemCount]=null;
//alert(ItemCount);
eval("document.getElementById('addButton"+ItemCount+"').style.visibility = \"visible\";");
if(ItemCount!=0)
eval("document.getElementById('deleteButton"+ItemCount+"').style.visibility =\"visible\";");

}




</script>


</head>
<body>



<div id="ItemList">
Item Id : <input name="ItemId0" type="text" />
Item Aliases : <input name="ItemAliases0" type="text" />

<button id="addButton0" onclick="addItem()">ADD </button>


</div>


</body>
</html>








我的範例， 裡面點 open 可以直接看
https://docs.google.com/leaf?id=0B_JOf_Tyv_f6ODI5M2QyZTgtNGU2ZC00NmQzLWIwMjktMWNmMDQxZjRkZjdm&sort=name&layout=list&num=50

轉錄 javascript Http post function

轉錄自
http://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit

在 javascript 中 透過 function 的方式 來達成 http post 的功能

code 如下

輸入三個變數， url :目標的網址、nams : 參數名稱、 values : 參數值 ； 這裡參數名稱和值是一對一的關係 ，若包成一個物件的話會更完美，不過在此先用簡單的方式






function postToURL(url, names ,values )
{
var form = document.createElement('form');
form.action = url;
form.method = 'POST';



for (var i=0; i< names.length; i++)
{
var child = document.createElement('input');
child.type = "hidden";
child.name =names[i];
child.value = values[i];

form.appendChild(child);

}

document.body.appendChild(form);
form.submit();
document.body.removeChild(form);
}



轉錄 javascript 檢查 form 表單是否填寫

轉錄兩個範例

1. 使用JavaScript來判斷form表單是否有填寫!


2. 由表单中onsubmit="return false;"想到的



以下是我的註釋：

範例1. 利用 click function 後檢查完才執行 form 的 submit() 函式


範例2. 在form 中加入 onsubmit 的檢查函式 ，記得要用 onsubmit =" retrun check()" 才有檢查的作用


還有 若網頁東西太多 ，我的用法是 將 form 取一個 id 在用 document.getElementById('formId'); 的方式取出在呼叫form 裡面的變數和函式

轉錄 servlet 使用 session

Session 的定義如下(轉自 wiki ):
在電腦科學領域來說，尤其是在網路領域，會話（session）是一種持久網路協定，在使用者（或使用者代理）端和伺服器端之間建立關聯，從而起到交換資料包的作用機制，session在網路協定（例如telnet或FTP）中是非常重要的部分。

簡單的說就是使用者連線到伺服器上的一個協定紀錄，會儲存到伺服器上。


要在 servlet 使用 session 的話 必須 import javax.servlet.http.HttpSession;

語法如下

// create a session if one does not exist
// 需要使用 true 當作 getSession() 的參數
HttpSession session = req.getSession(true);



之後就可以照依般sesaion 的用法，可以參考 servlet 入門



若要在 google app engine 上使用的 話

在 ..\war\WEB-INF\appengine-web.xml 中
要加入下面這段 XML
<sessions-enabled>true</sessions-enabled>

才可以使用