jQuery Impromptu 彈出視窗 1

基本語法

$.prompt( msg , options )


整理出幾個基本常會用的用法

// 1. 簡易彈出視窗
$.prompt('Example 1');

// 2. OK,Cancel
$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } });


// 3. 跳出訊息視窗時，會預設按鈕，傳統的訊息視窗會預設在確認按鈕上，此部分在警告流程中，使用者很喜歡這樣的方式
$.prompt('Example 4',{ buttons: { Ok: true, Cancel: false }, focus: 1 });

// 4. 此使用 prefix 屬性來改變 css
$.prompt('Example 5',{ prefix: 'impromptu' });

// 5. 加入顯示特效
$.prompt('Example 6',{ show:'slideDown' });

// 6. 顯示自訂樣式彈出視窗
var brown_theme_text = 'Example 13'+
'<p> Save these settings?</p>'+
'<img src="images/help.gif" alt="help" '+
'class="helpImg" />';

$.prompt(brown_theme_text,{
buttons:{Ok:true,Cancel:false},
prefix:'brownJqi'
});


// 7. 多步驟決定彈出視窗
var statesdemo = {
state0: {
html:'test 1.<br/>test 1..<br/>test 1...',
buttons: { Cancel: false, Next: true },
focus: 1,
submit:function(v,m,f){
if(!v) return true;
else
$.prompt.goToState('state1');
return false;
}
},
state1: {
html:'test 2',
buttons: { Back: -1, Exit: 0 },
focus: 1,
submit:function(v,m,f){
if(v==0) $.prompt.close()
else if(v=-1)
$.prompt.goToState('state0');
return false;
}
}
};

$.prompt(statesdemo);



以上幾個是比較常用到的彈出視窗


參考資料來源：http://trentrichardson.com/Impromptu/index.php

甘特圖表工具

甘特圖：最主要的功能就是協助專案管理者了解目前專案中的細項工作，以及各項工作目前的進度以及應完成的時間等資訊的圖表，除此之外，專案小組中的資源分配，也可以透過甘特圖來顯示。

GanttProject–甘特圖式專案管理軟體，可以匯出/匯入與微軟Project相容的格式。


2010/05/08

OPENXML (Transact-SQL)用 SQL語法抓取 XML格式檔案

參考來源

讀取資料來源

DECLARE @idoc int
DECLARE @doc varchar(1000)
SET @doc ='
<ROOT>
<Customer CustomerID="VINET" ContactName="Paul Henriot">
<Order CustomerID="VINET" EmployeeID="5" OrderDate="1996-07-04T00:00:00">
<OrderDetail OrderID="10248" ProductID="11" Quantity="12"/>
<OrderDetail OrderID="10248" ProductID="42" Quantity="10"/>
</Order>
<Child>SON</Child>
</Customer>
<Customer CustomerID="LILAS" ContactName="Carlos Gonzlez">
<Order CustomerID="LILAS" EmployeeID="3" OrderDate="1996-08-16T00:00:00">
<OrderDetail OrderID="10283" ProductID="72" Quantity="3"/>
</Order>
</Customer>
</ROOT>
'
--Create an internal representation of the XML document.
EXEC sp_xml_preparedocument @idoc OUTPUT, @doc
-- Execute a SELECT statement that uses the OPENXML rowset provider.


顯示SQL讀取 XML

方式一

SELECT *
FROM OPENXML (@idoc, '/ROOT/Customer',1)
WITH (CustomerID varchar(10),
ContactName varchar(20),
Child varchar(10))


以下為結果集：
CustomerID ContactName Child
---------- -------------------- ------------------
VINET Paul Henriot NULL
LILAS Carlos Gonzlez NULL


如果相同的 SELECT 陳述式以 flags 設為 2 來執行 (表示元素中心對應)，由於 元素不具有任何子元素，因此 XML 文件中兩個客戶的 CustomerID 及 ContactName 值會以 NULL 傳回。

※ 在文章中沒有寫到子元素的部分，紅色部分為子元素的結果，補充子元素的部分

以下為結果集：

CustomerID ContactName Child
---------- ----------- ------------------
NULL NULL SON
NULL NULL NULL

因此如果要子元素同顯示，則要改用可指定名稱


方式二

SELECT *
FROM OPENXML (@idoc, '/ROOT/Customer/Order/OrderDetail',2)
WITH (OrderID int '../@OrderID',
CustomerID varchar(10) '../@CustomerID',
OrderDate datetime '../@OrderDate',
ProdID int '@ProductID',
Qty int '@Quantity',
Child varchar(10) '/ROOT/Customer/Child'
)


以下為結果集：
OrderID CustomerID OrderDate ProdID Qty Child
------------------------------------------------------------------------
10248 VINET 1996-07-04 00:00:00.000 11 12 SON
10248 VINET 1996-07-04 00:00:00.000 42 10 SON
10283 LILAS 1996-08-16 00:00:00.000 72 3 SON


方式三：擷取邊緣資料表中的所有資料行。

SELECT *
FROM OPENXML (@idoc, '/ROOT/Customers')
EXEC sp_xml_removedocument @idoc


java新手犯的錯可讓人啼笑皆非~~String 比對

最近工作接到了某個公司的派遣~~真的遇到了以下的錯誤，
而這在Java語法裡面是有代表著不同的意義。

String的 三種比對 = =、equals、compareTo
1. = = 這種比對方式在其他語言中可以直接用來做字串的比對，
但是在Java中這樣的比對是用來檢查，引用關聯記憶體使用的物件是否相同，
所以當 new 兩個String時，這樣的比對馬上就出問題了

2. equals 這個方法才是Java正確的字串比對方式，而對於物件需要做比對時，也是使用此方式，而數字是用 = =

3. compareTo 這種方式是用來做字串的比對大小時使用的，可不是用來比對是否相等，但是居然還是有看到有人拿來做比對用，雖然是可以，但我個人還是非常不建議這樣子用


這是我目前看到有新手用了 1.3種方法來做比對，
雖然第3種方法可以，但在比對相同情形下還是不建議使用，
另外有Comarator 物件可以用來做比對排序

Ajax顯示圖片

• iCarousel
  
  iCarousel是一個開源的javascript工具用於創建旋轉/輪播效果的控制項。


• jCarousel Lite
  
  這個jQuery插件能夠幫助你以滾動（carousel）的方式來組織圖片和其他內容。


• jCarousel
  
  jCarousel是一個jQuery插件用於控制一個列表專案的水平或垂直順序，列表專案的內容可以是靜態HTML內容或通過AJAX載入的內容。可以向前或向後滾動。
  
  


• Carousel Component
  
  這個carousel元件可以用於水平或垂直地展示一個內容列表（包含在UL中的一組HTML LI元素）。


• Carousel.us
  
  Carousel.us是一個prototype.js和scriptaculous.js框架開發的Javascript 3D carousel。
  
  


• ThickBox
  
  ThickBox是一個模式對話方塊UI控制項。基於jQuery開發，可以用來展示單張或多張圖片，內嵌的內容，iframed的內容，或通過Ajax獲取的內容。

Javascript壓縮工具-yui compressor

yui compressor

可以將Javascript進行壓縮整理，加快執行效率

Jakarta 中 的 common-lang StringUtils

Jakarta 中 的 common-lang
StringUtils 是個好用的工具
列出幾個簡單好用的 method


//判斷是否為 null 空字串
StringUtils.isEmpty(str);
// 使用以下方法則相反
StringUtils.isNotEmpty(str)

// 判斷 string 是否為 空白(半形、全形都會為true)、""、或、null
StringUtils.isBlank(str)

// 比對 str1 str2 ，比對 Null 不會有null pointer 錯誤
StringUtils.equals(str1 , str2);

// 呼略大小寫比對
StringUtils.equalsIgnoreCase(str1 , str2);