不卡大黄网站免费看,久久伊人91精品综合网站,日韩欧美国产精品

IE對select的處理，又一怪現象：innerHTML竟然不起作用。

我們用select來選取一個國家，當我辛辛苦苦拼湊字符串，然后把這個字符串賦值給select的innerHTML，運行，在firefox下能顯示出所有的國家。但是在IE下卻什么都沒有顯示。剛開始我還以為是我拼湊的字符串有問題，仔細檢查沒有啊。后臺到google上search了下，發現是ie處理select的一個bug。于是做了一個簡單的測試。

<html>
2

<head>
3

<title>test</title>
4

function test(){
6

var elem=document.getElementById("testS");
7

elem.innerHTML="<option value=1>aa</option>";
8

}
9

</script>
11

</head>
12

<body>
13

<input type=button value=test onclick='test()'>
14

<div>
15

<select id='testS'></select>
16

</div>
17

</body>
18

</html>

點擊test按鈕，在IE下，select框沒有任何的內容。怪異啊！
于是不得不利用Option對象來增加select的內容。

posted @ 2007-09-12 10:43 swingboat 閱讀(1194) | 評論 (0) | 編輯收藏

在IE下，頁面只有一個text的時候，回車將自動submit。

真是一個很怪的缺省操作啊！

<html>
2

<head>
3

<title>test</title>
4

</script>
6

</head>
7

<body>
8

<form name="test" method="post" action="test.htm">
9

<input type='button' value='test' onclick="javascript:test()">
10

<input type="text" name="textfield" class="input">
11

</form>
12

</body>
13

</html>

運行上面的html文件，在text中輸入內容，然后回車，這個頁面將會自動提交表單。即使我在這個頁面中增加file，checkbox，hidden等的控件，這個頁面還是會自動提交。這是IE的一個缺省操作。如果想改變這個缺省操作，我們可以再增加一個text，然后隱藏這個text。

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer

posted @ 2007-08-28 16:47 swingboat 閱讀(1848) | 評論 (3) | 編輯收藏

設置input的內容居中？

讓input的內容在縱向居中，首先我使用了vertical-align樣式，沒有任何的效果。
后來google了一把，發現需要設置line-height樣式，設置后運行，果然如此！
.input   {
FONT-SIZE:   12px;
height:100px;
line-height:100px;
}
以下是引用內容（http://topic.csdn.net/t/20050722/20/4162420.html）：
實際上，一個Box中由很多行很多元素組成，vertical-align只作用于在同一行內的元素，它的垂直并不是相對于整個Box而言的。前面那個   span定義了一個60px的高度，但是這個span的Box中存在很多行，那段文本并不能對齊到span的中央。因此希望那段文本對齊span的中行，   需要給它定義一個line-height的屬性，讓line-height為60px，作用于一行的vertical-align就按你的想法工作了

posted @ 2007-08-24 16:02 swingboat 閱讀(2675) | 評論 (1) | 編輯收藏

可惡的“本頁不但包含安全的內容，也包含不安全的內容。是否顯示不安全的內容”對話框？

今天解決了一個困擾我們很久的一個問題（說是很久，但一直沒有花時間去research，想想不影響功能使用，沒什么啊。而真正解決問題，也就那二十來分鐘，哎！人已經懶惰成這樣了）。
問題描述：
我們利用ajax做了一套系統，但通過https訪問的時候，IE總會彈出下面的對話框：

而在我們的代碼中所有的訪問都是通過https的，怎么會有不安全的元素呢？在網上google了一下，有人提到可能是iframe的問題。而在我們系統中確實用到了很多的iframe。修改code，去掉所有的iframe。再次run，上面的對話框沒有了，終于找到原因了。但是我們的系統中是需要iframe啊？請看下面的code：

var iframe=document.createElement("iframe");
2

iframe.style.zIndex=-1;
3

iframe.style.position="absolute";
4

iframe.style.left=0;
5

iframe.style.top=0;
6

iframe.style.width=menu.getSize().x-2;
7

iframe.style.height=menu.getSize().y-4;
8

menu.getHtmlElement().appendChild(iframe);

從上面的code，可以看出代碼中沒有指定src屬性，這樣IE是沒有辦法知道這個iframe將引用的是安全內容還是不安全內容呢。所以會彈出上面的對話框。增加src屬性，修改code：

var iframe=document.createElement("<iframe src='blank.html'>");//src是個只讀屬性，不能直接賦值，black.html是個空的靜態頁面。

再次run，對話框沒有了，問題解決。

附錄：

在IE下，如果div懸浮在select上面。select會透過div顯示出來。這非常影響視覺效果。網上有很多的解決辦法，其中一個就是在div中增加iframe。我們就是通過這個方法的，但又產生了這個問題。

posted @ 2007-08-15 16:15 swingboat 閱讀(11094) | 評論 (7) | 編輯收藏

利用JGroups同步兩臺server之間的cache。

摘要: 一、需求前段時間做了一個項目，在后臺有很多的數據都放入到了cache中了，而且還會對cache中的數據進行更新。如果只有一臺server沒有任何問題，但是如果考慮到集群負載平衡，連接多個server的時候，就有問題出現了，怎么樣才能保證多個server之間cache的同步呢？請看下面的部署圖。二、引入JGroupsJGroups是一個可靠的組間通訊工具，進程可以加入一個通訊組，給組內所有的成員... 閱讀全文

posted @ 2007-07-16 14:21 swingboat 閱讀(6608) | 評論 (0) | 編輯收藏

有關“+”和“_”的search。

今天下午QA給我報了一個bug，說輸入“f+f”或者“f_f”能夠搜索出“f f”的結果。看著這bug的描述，心里還想著怎么會呢，模糊查詢也不會出現這樣的結果啊！趕緊自己輸入“f+f”和“f_f”驗證下，結果兩次都輸出了“f f”。由于查詢的條件是通過URL后的參數輸入的，當我輸入“f+f”時，發現參數傳入到服務端后變成了“f f”了，如果是這樣，那search的結果是正確的。但為什么輸入的參數“f+f”怎么會變成了“f f”呢？而且在輸入參數都通過escape進行編碼了。于是上網google了一下，發現escape函數是不會對“+”進行編碼的，但請求時，web服務器會過濾掉“+”這個字符。所以我們必須手工對“+”進行編碼，把所有的“+”都改變為“%2b”。修改代碼測試，再次輸入“f+f”，結果不能搜索出“f f”的結果了。
而對輸入“f_f”搜索出“f f”的結果，主要原因是這個是模糊查詢的一種。“f_f”表示搜索出含有兩個“f”字符而且中間有一個字符分隔的，“f f”正好滿足這個條件，于是被搜索出了。

posted @ 2007-05-24 23:28 swingboat 閱讀(389) | 評論 (0) | 編輯收藏

synchronized的作用

摘要: synchronized的作用一、同步方法public synchronized void methodAAA(){ //…. }鎖定的是調用這個同步方法的對象測試：a、不使用這個關鍵字修飾方法，兩個線程調用同一個對象的這個方法。目標類： 1public class TestThread {2 &nb... 閱讀全文

posted @ 2007-05-08 11:02 swingboat 閱讀(16409) | 評論 (18) | 編輯收藏

HTML的特殊字符

學習BPEL，有個有名的開源引擎ActiveBEPL（http://www.active-endpoints.com），于是進入這個站點搜索些資料。在瀏覽中發現網頁上有很多這種字符“ActiveBPEL™”，這個TM的樣式非常的怪，是怎么實現的呢？我用firebug查看了下它的代碼，也僅僅是“TM”兩個字符。我又用IE Inspector查看了，是“? ”。這就更怪了，竟然不一樣。后來又在一頁的title上發現了這些字符，于是查看了下源代碼。“ActiveBPEL™”™是什么，google一下。呵呵，原來是HTML的一個特殊字符而已。寫了這么多年的HTML，竟然不知道，慚愧啊！

想表達的意圖處理方式

（回車換行） <br>

（空格符）  

&（AND符號） &

<（左尖括號、小于號） <

>（右尖括號、大于號） >

°（度） °

•（間隔符） •

´ ´

" "

“ “

” ”

‰ &permil;

← ←

↑ ↑

→ →

↓ ↓

↔ ↔

√ √

∝ &prop;

∞ ∞

∠ &ang;

∧ &and;

∨ &or;

∩ ∩

∪ ∪

Ø Ø

∫ ∫

∴ &there4;

≈ ≈

¥（RMB） ¥

想表達的意圖處理方式

≠ ≠

≡ &equiv;

≤ ≤

≥ ≥

⊕ &oplus;

λ λ

μ μ

ν ν

ξ ξ

ν ν

ξ ξ

∏ ∏

∑ ∑

¥ ¥

… …

¹（一次方符號） ¹

²（平方符號） ²

³（立方符號） ³

n^r（上標情形） n<sup>r</sup>

C_i（下標情形） C<sub>i</sub>

加粗 <b>加粗</b>

斜體 <i>斜體</i>

下劃線 <u>下劃線</u>

±（加減符號） ±

×（乘法符號） ×

÷（除法符號） ÷

©（版權所有） ©

®（注冊商標） ®

™（商標符號） ™

—（破折號） —

posted @ 2007-04-23 15:16 swingboat 閱讀(718) | 評論 (0) | 編輯收藏

不同時區之間，時間的轉換？

一、問題描述
   當軟件需要國際化的時候，我們不得不考慮時間的問題。不同的地方有不同的時區，從而顯示的時間是不一樣的。而且很多國家在某一段時間還可能會實行夏令時，顯示的時間又不一樣。為了保證時間的正確性，必須有統一的基線，從而不得不考慮下列時間之間的轉換。
   a、long timeToUTC(time,timezone)                //把給定的時間根據給定的時區轉化為UTC
   b、String UTCToTime(long,timezone)              //把給定的UTC轉化為制定時區的時間
   c、timeToTime(time,timezone1,timezone2)         //把給定的時間根據制定的時區轉化為另指定時區的時間
   //考慮到數據的存儲，還必須考慮數據庫對于時間字段的格式。

二、解決方法
   顯示時間的不同，主要原因的是時區不同。如果不考慮自定義時區的問題，JODA包就能很好解決上面的問題，但是如果考慮自定義時區（很多軟件由于考慮夏令時，從而增加了自定義時區的功能來設置夏令時），則我們必須自己來寫轉換函數。
   a、JODA

public long timeToUTC(String theSourceTime, int sourceWbxTZID)
2

throws Exception {
3

DateTime targDate;
4

if (sourceWbxTZID == (-1)) { //UTC
5

//mdyFormatter:org.joda.time.format.DateTimeFormatter
6

targDate = mdyFormatter.withZone(DateTimeZone.UTC).parseDateTime(theSourceTime);//
7

} else {
8

targDate = mdyFormatter.withZone(
9

DateTimeZone.forID(convertTimezone(sourceWbxTZID)))
10

.parseDateTime(theSourceTime);
11

}
12

return targDate.getMillis();
13

}
14

public String UTCToTime(long theUTCTime, int targetWbxTZID)
15

throws Exception {
16

DateTime theSourceTime = new DateTime(theUTCTime);
17

if (targetWbxTZID == (-1)) {
18

return mdyFormatter.withZone(DateTimeZone.UTC).print(theSourceTime);
19

} else {
20

return mdyFormatter.withZone(
21

DateTimeZone.forID(convertTimezone(targetWbxTZID))).print(
22

theSourceTime);
23

}
24

}

b、自編寫

/**
2

*sourceDate：需要轉換的日期，此日期必須是居于GMT的時間。
3

*timezone：
4

*gMT：是否是GMT時間
5

*isConsiderDayLight：是否考慮夏令時
6

*/
7

private long convert(Date sourceDate, Timezone timezone, boolean gMT, boolean isConsiderDayLight) throws Exception {
8

int gMTOffSet = (int) timezone.getGmtOffset();//獲取偏移量
9

long sourceTime = sourceDate.getTime();
10

if (gMT) {
11

targetTime = sourceTime + gMTOffSet * 60 * 1000;
12

} else {
13

targetTime = sourceTime + ( -1) * gMTOffSet * 60 * 1000;//北京偏移8個小時，如是：-8*60*1000
14

}
15

//下面是考慮夏令時
16

return targetTime;
18

}
20

public long timeToUTC(String theSourceTime, int sourceWbxTZID)
21

throws Exception {
22

SimpleDateFormat sdf = new SimpleDateFormat("MM/dd/yyyy HH:mm:ss");
23

sdf.setTimeZone(TimeZone.getTimeZone("GMT"));
24

Date date=sdf.parse(theSourceTime);
25

Timezone timezone=(Timezone)keyedByWbxTZID.get(String.valueOf(sourceWbxTZID));//此函數主要是獲取Timezone相關的數據
26

return convert(date,timezone,false,true);
27

}
28

public String UTCToTime(long theUTCTime, int targetWbxTZID)
29

throws Exception {
30

Date date=new Date();
31

date.setTime(theUTCTime);
32

Timezone timezone=(Timezone)keyedByWbxTZID.get(String.valueOf(targetWbxTZID));//此函數主要是獲取Timezone相關的數據
33

long time=convert(date,timezone,true,true);
34

SimpleDateFormat sdf = new SimpleDateFormat("MM/dd/yyyy HH:mm:ss");
35

sdf.setTimeZone(TimeZone.getTimeZone("GMT"));
36

return sdf.format(new Date(time));
37

}

三、相關的一些時間概念
GMT:就是格林威治標準時間的英文縮寫，格林威治是倫敦泰晤士河南岸的一個地方，由于從19世紀開始，因為世界各國來往頻繁，而歐洲大陸、美洲大陸和亞洲大陸都有各自的時區，所以為免混亂，各國的代表就在1884 年在美國華盛頓召開了國際大會，通過協議選出倫敦的格林威治，作為全球時間的中心點，格林威治標準時間因而誕生。所以有GMT功能的腕表就是說腕表擁有其中的小時表盤可以顯示GMT時間。

UTC:短波傳送很遠，可能經過許多國家、許多不同時區，所以需要有一統時間作標準，這個標準時間Co-ordinated Universal Time 縮寫UTC 或稱 UT。過去稱為格林威治時間（GMT），雖然有些地方有冬令時間或夏令時間，但UTC時間是不會改的，大家都以它為標準。

DST:Daylight saving time .(夏令時，各個國家開始和結束時間的計算方法是不一樣的)
美國，加拿大夏令時起止時間：每年3月份第二個星期天到11月份第一個星期天（亞利桑那州、夏威夷、波多黎各、維爾京群島和美屬薩摩亞除外）。

德國、意大利等多數歐洲國家夏令時起止時間：每年3月份最后一個星期天到10月份最后一個星期天。

MST:Mountain Standard Time
PST:Pacific Standard Time
EST:Eastern Standard Time

很多朋友對于美劇官方網站上的時間表達方式不是很理解。
這里說明一下，以Prison Break為例：Monday 8/7c
它指的是：星期一東部時間8點中部時間7點。兩地同時播放，不過因為時差問題，鐘表上顯示的時間有一個小時的差別。
盡管官網的播放時間對于美國以外的朋友來說意義不大，不過如果你愿意查出相對應的北京時間，可以使用http://www.worldtimeserver.com 的服務，我相信國內也有很多類似的時間轉換網站，包括google，百度都可以，這里就不再羅嗦了。至少目前來說，美東時間和北京時間相差12小時，也就是說，我們比美東快12個小時。Prison Break的播放時間就是北京時間第二天的早上8點，也就是星期二 8:00AM.

相對于美國，我們國家的時區劃分相對簡單很多，特別是取消夏令時后，不出國，我們基本上不用考慮時差問題。

美國本土大陸地區采用的時區自東向西為：
東岸標準時區 (Eastern Standard Time; EST; UTC-5; R區)，包括大西洋沿岸各州、墨西哥灣及密西西比河以東地區。
中部標準時區 (Central Standard Time; CST; UTC-6; S區)，包括密西西比河沿岸以及以西州份的大部份。
山部標準時區 (Mountain Standard Time; MST; UTC-7; T區), 沿大陸分水嶺—洛磯山一線的州份、大盆地及科羅拉多河流淢。
太平洋標準時區 (Pacific Standard Time; PST; UTC-8; U區)，包括太平洋沿岸地區及內華達州。

美國本土大陸地區以外地區采用的時區
阿拉斯加標準時區 (Alaska Standard Time; AKST; UTC-9; V區) 包括阿拉斯加州大部份地區。
夏威夷—阿留申時區 (Hawaii-Aleutian Standard Time，非正式：夏威夷標準時 Hawaii Standard Time; HST; UTC-10; W區)，包括夏威夷州及169°30'W以西的阿留申群島。

美國屬土采用的時區
大西洋標準時區 (Atlantic Standard Time; AST, UTC-4; Q區) 包括波多黎各及美屬處女島。
薩摩亞時區 (Samoa Standard Time; UTC-11, X區)包括美屬薩摩亞。
查莫羅時區 (Chamorro Standard Time; UTC+10, Zone K)包括關島及北馬里亞納群島。

中國的時區：我們使用北京時間，以前稱中原標準時間，現在臺灣依然使用這個名稱，是中國大陸、香港、澳門和臺灣的標準時間。在時區劃分上，屬東八區，比世界協調時早8小時，記為UTC+8。

嚴格地講，北京時間并不是北京（東經116°）地方的時間，而是東經120°度地方的地方時間。而北京時間也不是在北京確定的，而是由位于中國版圖幾何中心位置陜西臨潼的中國科學院國家授時中心的9臺銫原子鐘和2臺氫原子鐘組通過精密比對和計算實現，并通過衛星與世界各國授時部門進行實時比對。

清光緒28年（公元1902年），中國海關曾制定海岸時，以東經120度之時刻為標準。公元1912年，位于北京的中央觀象臺將全國分為五個時區，民國28年3月9日中華民國內政部召集標準時間會議，確認1912年劃分之時區為中華民國標準時區。分別為:
1昆侖時區 UTC+5.5 新疆西部與部分西藏
2新藏時區 UTC+6 新疆及西藏
3隴蜀時區 UTC+7 中國中部
4中原標準時區 UTC+8 中國海岸
5長白時區 UTC+9 中國東北
1949年之后，中國大陸將“中原標準時間”改稱“北京時間”，并在全國統一使用該時間作為標準時間。臺灣則維持“中原標準時間”之名稱，也有稱“臺北時間”或“國家標準時間”。

由于中國大陸全境都采用北京時間作為標準時，因此在中國西部的陜西、甘肅、新疆等省和自治區造成了生活不便，比如在烏魯木齊，北京時間比當地時間提前兩個小時，北京時間早8時30分（中國大陸公務機關通行的上班時間）相當于當地時間早晨6時30分。作為解決措施，一些新疆地區居民使用烏魯木齊時間，即東六區（UTC+6）時間。

2005年，一些中華人民共和國全國人民代表大會代表提出將中國大陸時區加以細分的建議，提議分為以北京時間為基礎的東部時間（UTC+8）、以陜西地區時間為基礎的中部時間（UTC+7）和以新疆、西藏地區時間為基礎的西部時間（UTC+6）。后又將該提議改為分為兩個時區，即UTC+8和UTC+7兩個時區，陜西、四川、重慶、貴州、云南及以西各省采用UTC+7的西部時間。但該提案尚未赴諸表決。

posted @ 2007-04-20 16:24 swingboat 閱讀(7458) | 評論 (3) | 編輯收藏

javascript在IE和Firefox中的區別1

1.調用appendChild方法增加input對象，設置type屬性的位置

<html>
2

<head>
3

<title>test</title>
4

function test(){
6

var tbodyElement=document.getElementById("tbody1");
7

var trElement=document.createElement("tr");
8

var idTDElement=document.createElement("td");
9

idTDElement.innerHTML=1;
11

var nameTDElement=document.createElement("td");
12

var inputElement=document.createElement("input");
14

nameTDElement.appendChild(inputElement);
15

inputElement.type="button";
16

//在IE中，這句話將會拋出異常，但在firefox能正常運行，如果type為text或者不設置type屬性，也都能正常運行
17

inputElement.value="Invoke";
18

/*
19

修改成下面的語句就能正常運行：
20

var inputElement=document.createElement("input");
21

inputElement.type="button";
22

nameTDElement.appendChild(inputElement);
23

*/
24

tbodyElement.appendChild(trElement);
26

trElement.appendChild(idTDElement);
27

trElement.appendChild(nameTDElement);
28

}
29

</script>
30

</head>
31

<body>
32

<input type="button" value="insert" onclick='test()'>
33

<table cellpadding="0" cellspacing="0" border="1">
34

<tbody id='tbody1'>
35

<tr>
36

<td width="50">ID</td>
37

<td width="200">name</td>
38

</tr>
39

</tbody>
40

</table>
41

</body>
42

</html>

2.appendChild一個radio對象，設置該對象的name屬性

var nameTDElement=document.createElement("td");
2

var radioElement=document.createElement("input");
3

radioElement.type="radio";
4

nameTDElement.appendChild(inputElement);
5

radioElement.name="testRadioName"; //這句話在firefox是起作用的，但在IE下是不起作用的
6

/*解決的辦法是
7

var radioElement=document.createElement("<input name='testRadioName'>");
8

radioElement.type="radio";
9

nameTDElement.appendChild(inputElement);
10

3.對select控件增加和刪除Option

<html>
2

<head>
3

<title>test</title>
4

function deleteRow(){
6

var selectElement=document.getElementById("select1");
7

selectElement.options.remove(1); //IE:OK Firefox:Failure
8

selectElement.remove(1); //IE:OK Firefox:OK
9

}
10

function insertRow(){
11

var selectElement=document.getElementById("select1");
12

var option=new Option("eeee",5);
13

selectElement.add(option); //IE:OK Firefox:Failure
14

selectElement.options.add(option);//IE:OK Firefox:OK
15

}
16

</script>
17

</head>
18

<body>
19

<input type="button" value="Delete" onclick='deleteRow()'>
20

<input type="button" value="Insert" onclick='insertRow()'>
21

<select id="select1">
22

<option value="1">aaa</option>
23

<option value="2">bbb</option>
24

<option value="3">ccc</option>
25

<option value="4">ddd</option>
26

</select>
27

</body>
28

</html>

posted @ 2007-04-11 16:33 swingboat 閱讀(2322) | 評論 (6) | 編輯收藏

利用div進行頁面的布局2(position屬性)

一、請看下面的HTML代碼

<HTML>
2

<HEAD>
3

<TITLE>Position </TITLE>
4

</HEAD>
5

<BODY>
6

<table border=1>
7

<tr>
8

<td >
9

<textarea id="textareaInput" style="font-family: Tahoma; font-size: 11px;" cols="35" rows="3"/></textarea>
10

</td>
11

<td width='300' align='right' >
12

<DIV id=senddiv style="WIDTH: 70px; HEIGHT: 41px;">
13

<IMG id=btnSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px" src="windows_button_bg.gif">
14

<div id=divSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px;line-height:41px" align='center' >Send</div>
15

</DIV>
16

</td>
17

</tr>
18

</table>
19

</div>
20

</BODY>
21

</HTML>

二、運行的結果

三、問題
     為什么img(id為btnSendOut)和文字div(id為divSendOut)出現在table外了呢？
四、原因
    img和文字div都用的絕對(position:absolute)位置,但都沒有設置left和top屬性，這樣會根據當前的HTML位置來確定left和top屬性。上級容器是個div(id為senddiv)中，此div延續上級td的align屬性，這樣當前位置應在div的右邊。于是img和文字div從div（id為senddiv)的右邊開始顯示，由于都是絕對的，脫離HTML的顯示，所以都會超出table外。
五、解決方案
      找到了原因，解決起來就容易了。我們只需要把div(id為senddiv)的align屬性設置為left就可以了。因為img，div(id為divSendOut)，div(id為senddiv)的大小都是一樣的。

六、另外的問題(層的居中問題)
對于把字符串"Send"居中在div(id為divSendOut)中間，我們可以設置div的line-height屬性(注意該屬性的單位)和height屬性一樣就可以了。但是如果需要居中的不是文字，而且其它的對象，例如另一個div，則就需要利用腳本來控制了。

posted @ 2007-04-11 15:23 swingboat 閱讀(1395) | 評論 (0) | 編輯收藏

利用div進行頁面的布局1(float＆clear屬性)

請看下面的代碼：

< html >
2

< head >
3

< script language ="javascript" >
4

</ script >
5

< style type ="text/css" >
6

</ style >
7

</ head >
8

< body >
9

< div style ="position:absolute;top:100px;left:100px;width:300;height:300;background-color:#99FF00" >
10

< div style ="float:left;width:100;height:100;background-color:red" ></ div >
11

< div style ="clear:right;height:100;background-color:blue;" ></ div >
12

</ div >
13

</ body >
14

</ html >

float : none | left |right

參數：

none : 　對象不浮動
left : 　對象浮在左邊
right : 　對象浮在右邊

說明：
該屬性的值指出了對象是否及如何浮動。
當該屬性不等于none引起對象浮動時，對象將被視作塊對象(block-level)，即display屬性等于block。也就是說，浮動對象的display特性將被忽略。
對應的腳本特性為styleFloat。

clear : none | left |right | both

參數：

none : 　允許兩邊都可以有浮動對象
both : 　不允許有浮動對象
left : 　不允許左邊有浮動對象
right : 　不允許右邊有浮動對象

說明：

該屬性的值指出了不允許有浮動對象的邊。
對應的腳本特性為clear。

posted @ 2007-03-25 16:22 swingboat 閱讀(783) | 評論 (0) | 編輯收藏

javascript轉換日期字符串為Date對象

把一個日期字符串如“2007-2-28 10：18：30”轉換為Date對象：
1：

var???strArray=str.split("???");???
2

var???strDate=strArray[0].split("-");???
3

var???strTime=strArray[1].split(":");???
4

var???a=new???Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])???

2：

var???s???=???"2005-12-15???09:41:30";???
2

var???d???=???new???Date(Date.parse(s.replace(/-/g,???"/")));???
3

第二種方法真是簡單啊！

posted @ 2007-02-28 10:21 swingboat 閱讀(47718) | 評論 (4) | 編輯收藏

Table中table-layout:fixed樣式的作用。

請看下面的html

<html>

????<body>

????????<TABLE?cellSpacing="0"?cellPadding="0"?width="100%"?border="1"?>

????????????<TBODY>

????????????????<TR?height="30">

????????????????????<TD?style="WIDTH:?12px"></TD>

????????????????????<TD?class="BigCaption"?style="WIDTH:?150px">Web?Domain?: <SPAN?class="WarningDescription">*</SPAN>

????????????????????</TD>

????????????????????<TD>

????????????????????????<SELECT?id="DWT189WebDomain"/>

????????????????????</TD>

????????????????</TR>

????????????????<TR>

????????????????????<TD></TD>

????????????????????<TD?vAlign="top"?colSpan="2">

????????????????????????asfdassdgsdgfsdgfsdgfsdfffffffffffffffffffffffffffffffffffffffffffffsdgfsdfgsdgsdgfsdgfsdgsdg

????????????????????</TD>

????????????????</TR>

????????????</TBODY>

????????</TABLE>

????</body>

</html>

顯示這個頁面，含有Web Domain的TD的實際長度絕對大于150px的。因為受第二行的colSpan的屬性影響了

<html>

????<body>

????????<TABLE?cellSpacing="0"?cellPadding="0"?width="100%"?border="1"?style="table-layout:fixed"?>

????????????<TBODY>

????????????????<TR?height="30">

????????????????????<TD?style="WIDTH:?12px"></TD>

????????????????????<TD?class="BigCaption"?style="WIDTH:?150px">Web?Domain?: <SPAN?class="WarningDescription">*</SPAN>

????????????????????</TD>

????????????????????<TD>

????????????????????????<SELECT?id="DWT189WebDomain"/>

????????????????????</TD>

????????????????</TR>

????????????????<TR>

????????????????????<TD></TD>

????????????????????<TD?vAlign="top"?colSpan="2">

????????????????????????asfdassdgsdgfsdgfsdgfsdfffffffffffffffffffffffffffffffffffffffffffffsdgfsdfgsdgsdgfsdgfsdgs

????????????????????</TD>

????????????????</TR>

????????????</TBODY>

????????</TABLE>

????</body>

</html>

這才是我要的效果！呵呵！

posted @ 2006-12-19 13:44 swingboat 閱讀(2292) | 評論 (0) | 編輯收藏

maven2使用問題集(命令篇)!

顯示一個插件所有的goal
創建一個基于模版的項目，eclipse項目
?//創建標準目錄模板
?mvn archetype:create -DgroupId=com.codeline.commons -DartifactId=codelineCommons?
//創建web項目
?mvn archetype:create -DgroupId=com.mycompany.app??? -DartifactId=my-webapp?????? -DarchetypeArtifactId=maven-archetype-web
查看一個插件所用的版本
mvn -Dplugin=groupId:artifactId help:describe
忽略編譯test
mvn -Dmaven.test.skip=true
一個jar文件，它是maven的一個插件，怎么安裝到本地庫。
?? mvn install:install-file
?????? -Dfile=<path-to-file>
??? -DgroupId=<group-id>
??? -DartifactId=<artifact-id>
??? -Dversion=<version>
??? -Dpackaging=<packaging>
??? -DgeneratePom=true
maven的生命周期
??? validate，驗證工程是否正確，所有需要的資源是否可用。
??? compile，編譯項目的源代碼。
??? test-compile，編譯項目測試代碼。
??? test，使用已編譯的測試代碼，測試已編譯的源代碼。
??? package，已發布的格式，如jar，將已編譯的源代碼打包。
??? integration-test，在集成測試可以運行的環境中處理和發布包。
??? verify，運行任何檢查，驗證包是否有效且達到質量標準。
??? install，把包安裝在本地的repository中，可以被其他工程作為依賴來使用
?? deploy，在整合或者發布環境下執行，將最終版本的包拷貝到遠程的repository，使得其他的開發者或者工程可以共享。 ?
?? generate-sources，產生應用需要的任何額外的源代碼，如xdoclet。
Dependency Scope
?compile，缺省值，適用于所有階段，會隨著項目一起發布。
?provided，類似compile，期望JDK、容器或使用者會提供這個依賴。如servlet.jar。
?runtime，只在運行時使用，如JDBC驅動，適用運行和測試階段。
?test，只在測試時使用，用于編譯和運行測試代碼。不會隨項目發布。
?system，類似provided，需要顯式提供包含依賴的jar，Maven不會在Repository中查找它
?eg：
?<dependency>
??? <groupId>hibernate</groupId>
??? <artifactId>hibernate</artifactId>
??? <version>3.0.3</version>
??? <scope>test</scope>
?</dependency>

posted @ 2006-11-13 15:30 swingboat 閱讀(2153) | 評論 (2) | 編輯收藏

同步（synchronized）對程序性能的影響！

在使用多線程時，可能會訪問一些全局的數據，這時必然會使用同步機制來使程序按照一定順序來執行，這樣程序的性能也會下降。所以一定要慎用同步，正確用同步。看下面的程序

??????? int?curIndex?=?0;

????????AuditQueueEntry?aqe;

????????synchronized?(localCriticalSection)?{??????

????????????while?(curIndex?<?theList.size())?{

????????????????aqe?=?(AuditQueueEntry)?theList.get(curIndex);

????????????????if?(aqe.getTrailId()?==?theTrailId)?{

????????????????????theList.remove(curIndex);

????????????????}?else?{

????????????????????curIndex++;

????????????????}

????????????}

????????}

localCriticalSection做為一個信號量來控制程序對類成員變量theList的訪問，從而保證了theList在同一時間只有一個程序訪問。運行程序，這個函數花費了將近4秒鐘。同步是很耗時間的。
在java.util.Collections中提供了很多方法來保證集合（數組）的同步訪問。
我們修改類成員變量theList的實例化方法：

theList?=?Collections.synchronizedList(new?LinkedList());

再修改處理函數：

????????int?curIndex?=?0;

????????AuditQueueEntry?aqe;

//????????synchronized?(localCriticalSection)?{

????????synchronized(theList)?{????

????????????while?(curIndex?<?theList.size())?{

????????????????aqe?=?(AuditQueueEntry)?theList.get(curIndex);

????????????????if?(aqe.getTrailId()?==?theTrailId)?{

????????????????????theList.remove(curIndex);

????????????????}?else?{

????????????????????curIndex++;

????????????????}

????????????}

????????}

再運行，這個函數才花費將近一秒鐘的時間！
在Collections中提供了很多這類的方法。

posted @ 2006-11-10 12:37 swingboat 閱讀(1340) | 評論 (2) | 編輯收藏

Tomcat5.5.x的JNDI配置（jakarta-tomcat-5.5.7）。

jakarta-tomcat-5.5.7
1.web.xml的設置
<resource-ref>
??<description>OPDB JNDI for TOMCAT</description>
??<res-ref-name>jdbc/opdb</res-ref-name>
??<res-type>javax.sql.DataSource</res-type>
??<res-auth>Container</res-auth>
?</resource-ref>

2.cof/server.xml的配置(eg：C:\jakarta-tomcat-5.5.7\conf)。

<Resource name="jdbc/opdb" auth="Steve" type="javax.sql.DataSource" driverClassName="oracle.jdbc.OracleDriver" url="jdbc:oracle:thin:@172.16.208.190:1522:opdb" username="test" password="oracle" maxActive="20" maxIdle="10" maxWait="10000"/>?

3.web/META-INF/content.xml的配置。

<?xml version='1.0' encoding='utf-8'?>
<Context>
?
?<Resource name="jdbc/opdb" auth="Container" type="javax.sql.DataSource" username="test" password="oracle"
??driverClassName="oracle.jdbc.OracleDriver" url="jdbc:oracle:thin:@172.16.208.190:1522:opdb" maxActive="20" maxIdle="10"
??maxWait="-1" validationQuery="SELECT 1 FROM DUAL"/>
</Context>
說明：我的tomcat版本是5.5.7。好像必須配置content.xml文件，但是配了這個文件，server.xml中的設置不起作用了。下面是各參數的說明：
driveClassName：JDBC驅動類的完整的名稱；
maxActive：同時能夠從連接池中被分配的可用實例的最大數；
maxIdle：可以同時閑置在連接池中的連接的最大數；
maxWait：最大超時時間，以毫秒計；
password：用戶密碼；
url：到JDBC的URL連接；
user：用戶名稱；
validationQuery：用來查詢池中空閑的連接。