網頁上要透過JS取得物件的left或top，請先讓他出現在畫面上

如果該物件（比方div、img、h4）的狀態是被hide起來，並沒有顯示在畫面上
那麼透過JQuery去取得該物件的位置，比方$(this).position().left將會得到0
你一定要先讓物件show()在畫面上，才能去取得或設定他的位置。

Javascript的array排序（包含2維array）

JS的array怎麼宣告使用？如下，宣告array時不用告知長度，就要多少用多少。

var MyArray = [];
MyArray[0] = 10;
MyArray[1] = 20;



那二維array怎麼用呢？如下，同樣的概念，要多少用多少，然後告知那個位址是個array就好

var MyArray = [];
MyArray[0] = [];
MyArray[1] = [];
MyArray[0][0] = 10;

MyArray[0][1] = 15;

MyArray[1][0] = 20;

MyArray[1][1] = 30;

不過二維array有個指定用法，說明如下，一樣是二維array，但是，用的是指定該column的名稱的方式，這樣在後續使用的時候，可以不用記得是第幾維，只要指定正確的column名稱就好了。

var MyArray = [];
MyArray[0] = [];
MyArray[1] = [];
MyArray[0]["id"] = 10;

MyArray[0]["id"] = 15;

MyArray[1]["Email"] = 20;

MyArray[1]["Email"] = 30;

準備工作完成，瞭解JS的array使用方式之後，來看看排序吧

一維array很簡單，就呼叫MyArray .sort()，就這樣（如果想瞭解工作的原理，請看本文最下方的補充。）MyArray就會變成排序完成的Array（所以如果要保留原本的Array，請利用 var SourceMyArray = MyArray.slice(0);這個函式）

二維就比較複雜一些。要告訴sort()函式，我要用哪一維來排序，方法為何。這個寫法上就是：

MyArray.sort( function(a,b)

{

return a["id"].toUpperCase() < b["id"].toUpperCase() ? -1 : ( a["id"].toUpperCase() > b["id"].toUpperCase() ? 1 : 0 );

//return a["id"].toUpperCase() > b["id"].toUpperCase(); 錯誤的寫法，漏掉了等於的情況

});

大概的意思就是告訴排序函式幫我用id這個欄位幫我做排序，排序方法則是拿兩者比大小，並根據結果傳回-1或1或0。其中有個有趣的發現，當你用了上面我註解掉的那一行的錯誤的寫法，在10筆資料內的排序都會正確，一旦超過10筆，就會排序錯誤，為什麼？還真研究不出來，日後若有人知道原因，煩請告訴我喔。

這個範例程式放在這裡

可以自行貼到http://jsfiddle.net/或者是http://htmledit.squarefree.com/來做測試喔

補充說明JavaScript的Sort：

• sort 在適當的位置排序陣列的元素。

var a = ['Wind', 'Rain', 'Fire'];
a.sort();
print(a); // Fire,Rain,Wind

sort 也可以接受 Callback 函數來決定如何排序陣列的內容。這個函數會對兩個值做比較，並返回下列三個值其中之一︰

• 如果 a 在排序系統中小於 b，返回 -1（或任意的負數）
• 如果 a 在排序系統中大於 b，返回 1（或任意的正數）
• 如果 a 和 b 被認為是相等的，返回 0。

例如，下面的例子會以字串的最後一個字母來排序︰

var a = ['Wind', 'Rain', 'Fire'];
function sortFn(a, b) {
  var lastA = a[a.length - 1];
  var lastB = b[b.length - 1];
  if (lastA < lastB) return -1;
  if (lastA > lastB) return 1;
  if (lastA == lastB) return 0;
}
a.sort(sortFn);
print(a); // Wind,Fire,Rain

CheckBox用CSS變更大小 的方法（Chrome並不支援）

如同標題，很遺憾的 HTML5 內建 CheckBox 是無法在 Chrome 用CSS變更大小的
在其他瀏覽器呢？可以透過以下簡易的方法：

-ms-transform: scale(1.3); /* IE */
-moz-transform: scale(1.3); /* FF */
-webkit-transform: scale(1.3); /* Safari and Chrome */
-o-transform: scale(1.3); /* Opera */

雖然上頭註解寫著Chrome ，但可惜他就是不支援


複雜一點的方法，就是自己用img元素，自己架構一個CheckBox
或者用第三方元件，JQuery UI之類的。

jquery-1.10.2.min.map not found

最近更新了JQuery的使用版本，從1.7改用到1.9、1.10
發現了一些影響不大的DEBUG的訊息
比方：「 jquery-1.10.2.min.map not found 」

上網查詢了一下
這是因為我有漏（或是亂刪）該存在的檔案
而這個.map的檔案，是用來讓DEBUG的時候可以看懂JQuery的程式碼，因為通常jquery-1.10.2.min.js這種.min.js的JQuery的JS檔是經過壓縮的，而.map檔案就是紀錄著被壓縮的TAG的位置，這可以讓Chrome瀏覽器可以使用這個檔案，把被壓成了沒有籪行的、無法識別的亂碼在DEBUG模式之下還能看到程式的原有格式。

$.browser這個物件在JQuery 1.9版過後就被拿掉了

$.browser這個物件在JQuery 1.9版過後就被拿掉了，變成以其他的Plug-in的方式存在，有人提到，這可能是一種建議，希望避免開發者去偵測判斷瀏覽器。

如果引用了JQuery 1.9版之後的版本，在瀏覽器（特別指Chrome）執行並偵錯時，會看到以下錯誤的。
$.browser.msie cannot read property 'msie' of undefined

$(function() 是甚麼意思？

之前一直看不懂$(function() ，所以很多JQuery UI也都沒有在用，現在終於瞭解了，$(function() 等同於$(document).ready()


$(function() 
{
    $( "#datepicker" ).datepicker();
});

等同於

$(document).ready(function() 
{
    $( "#datepicker" ).datepicker();
});

也就是網頁好了之後，立刻執行的Function。

設計範本：網頁篇

http://v2.2a-archive.com/flashindex.htm2Advance V2（Flash的極致表現）

http://v3.2a-archive.com/flashindex.htm2Advance V3（Flash的極致表現）

http://v4.2a-archive.com/flashindex.htm2Advance V4（Flash的極致表現）

http://v5.2a-archive.com/2Advance V5（Flash的極致表現）