Austin's Note http://blog.gclin.org 全新的正體中文 WordPress 網誌！ Tue, 13 Apr 2010 12:11:24 +0000 http://wordpress.org/?v=2.9 en hourly 1 Using Boost libraries with Visual Studio 2008 http://blog.gclin.org/2010/04/13/boost-libraries-visual-studio/ http://blog.gclin.org/2010/04/13/boost-libraries-visual-studio/#comments Tue, 13 Apr 2010 12:07:02 +0000 Austin http://blog.gclin.org/?p=881 選項 => 專案和方案 => VC++目錄 顯示目錄的那個下拉選單 選Include檔案加入D:\boost_1_42_0 選程式庫檔加入D:\boost_1_42_0\stage\lib ]]> 網站：Boost C++ Libraries(下載)

Step 1. 取得Boost libraries
到網站的Download去下載，然後解壓縮(D:/boost_1_42_0)

Step 2. 建置Bjam
進入D:/boost_1_42_0，然後執行bootstrap.bat
跑完之後在這個目錄就會多出一個bjam.exe

Step 3. 建置Boost Libraries
在D:/boost_1_42_0建立一個buildall_vc90.bat內容如下

1
2

bjam toolset=msvc-9.0 variant=debug threading=multi link=shared define=_BIND_TO_CURRENT_VCLIBS_VERSION
bjam toolset=msvc-9.0 variant=release threading=multi link=shared define=_BIND_TO_CURRENT_VCLIBS_VERSION

執行剛剛建立的那個buildall_vc90.bat，等他跑完在D:\boost_1_42_0\stage\lib應該有一堆*.lib、*.dll

Step 4. 設定Visual Studio 2008
開啟Visual Studio 2008，工具 => 選項 => 專案和方案 => VC++目錄
顯示目錄的那個下拉選單
選Include檔案加入D:\boost_1_42_0
選程式庫檔加入D:\boost_1_42_0\stage\lib

]]> http://blog.gclin.org/2010/04/13/boost-libraries-visual-studio/feed/ 0 Stack overflow http://blog.gclin.org/2010/03/17/stack-overflow/ http://blog.gclin.org/2010/03/17/stack-overflow/#comments Tue, 16 Mar 2010 17:19:21 +0000 Austin http://blog.gclin.org/?p=849 最近遇到的一個問題Stack overflow，不難解~改用new＆delete就對了丫，結果還是錯，找了一下資料是用new＆delete沒錯，但是為啥不行，最後發現原來還有別的地方有用一樣的數字來宣告，程式如下：
一開始找出來發生錯誤的地方(我一直以為是這錯@@a)

1
2
3
4
5
6
7

const unsigned int numSolution1 = 50;
 
// 掛
Solution sol1[numSolution1];
 
// 正常來說改成這樣就OK了，結果調成100還是會掛
Solution *sol1 = new Solution[numSolution1];

最後發現~另外還有幾個個檔案有類似下面的程式：

1
2
3

// 掛，因為這邊也要改用new
const unsigned int numSolution2 = numSolution1 * 2;
Solution sol2[numSolution2];

　
Stack overflow
Compile時會過，執行時會錯@@
錯誤訊息：. . . . . . 發生未處理的例外狀況: 0xC00000FD: Stack overflow
主要原因是因為Stack有大小限制，而且我們一般直接宣告出來的變數是放在Stack，如果在Stack放出大量資料，就會發生Stack overflow，解決方法就是改用new＆delete，這樣一來資料就會改成用heap來儲存，也就不會受限於Stack的大小了。只是速度也比較慢，另外要特別注意記得要delete。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// 下面四個for的cup time都介於0.25s左右
for(unsigned int i = 0; i < 100000000; ++i) {
	int sol[20];
}
 
for(unsigned int i = 0; i < 250000; ++i) {
	int *sol = new int[20];
	delete [] sol;
}
 
for(unsigned int i = 0; i < 100000000; ++i) {
	Solution sol[20];
}
 
for(unsigned int i = 0; i < 2500; ++i) {
	Solution *sol = new Solution[20];
	delete [] sol;
}

　
參考資料：堆(heap)和棧(stack)、MFC – STACK溢位

]]> http://blog.gclin.org/2010/03/17/stack-overflow/feed/ 0 Install Intel C++ Compiler on Ubuntu 9.10(64bit) http://blog.gclin.org/2010/03/15/install-intel-c-compiler-on-ubuntu-9-1064bit/ http://blog.gclin.org/2010/03/15/install-intel-c-compiler-on-ubuntu-9-1064bit/#comments Mon, 15 Mar 2010 02:54:56 +0000 Austin http://blog.gclin.org/?p=832 安裝相關套件：

1
2
3
4
5
6
7
8

# 必要套件
sudo apt-get install gcc build-essential g++ rpm
 
# this is only required on 64bit Ubuntu/Debian systems
sudo apt-get install ia32-libs
 
# For use the Intel IDB graphical debugger
sudo apt-get install openjdk-6-jre-headless

Ubuntu 9.10後改用libstdc++6，而Install Intel C++ Compiler需要libstdc++5，所以要另外安裝。先到http://packages.debian.org/stable/base/libstdc++5下載adm64的版本用dpkg安裝，再下載i386解開，並取出函式庫

1
2
3
4
5
6
7
8
9
10
11
12
13

# 下載並adm64的版本
wget http://debian.linux.org.tw/debian/pool/main/g/gcc-3.3/libstdc++5_3.3.6-18_amd64.deb
sudo dpkg -i libstdc++5_3.3.6-18_amd64.deb
 
# 下載i386並解開
wget http://debian.linux.org.tw/debian/pool/main/g/gcc-3.3/libstdc++5_3.3.6-18_i386.deb
dpkg --extract libstdc++5_3.3.6-18_i386.deb ./
 
# 出函式庫
cd usr/lib
sudo cp libstdc++.so.5.0.7 /usr/lib32
cd /usr/lib32
sudo ln -s libstdc++.so.5.0.7 libstdc++.so.5

然後就可進入Install Intel C++ Compiler的安裝了，裝完之後把下面指令加入到.bashrc即可直接使用icc

1

source /opt/intel/Compiler/11.1/069/bin/iccvars.sh intel64

　

參考資料：Using Intel Compilers for Linux with Ubuntu

]]> http://blog.gclin.org/2010/03/15/install-intel-c-compiler-on-ubuntu-9-1064bit/feed/ 0 Flowplayer + BlockUI http://blog.gclin.org/2010/02/11/flowplayer-blockui/ http://blog.gclin.org/2010/02/11/flowplayer-blockui/#comments Wed, 10 Feb 2010 21:50:44 +0000 Austin http://blog.gclin.org/?p=816 網站：Flowplayer、BlockUI
下載：Flowplayer 3.1.5.zip、BlockUI 2.31

之前使用的線上播放器是JW Player，但是他在某個版本開始(很久了)，限制非商業行為才能免費使用(應該不是我之前沒注意到吧@@)，之後發現了Flowplayer，只要不移除他的logo即可免費使用，剛好最近有這個需求，就拿來用看看~感覺還不錯，不過檔案格式的支援好像沒有JW Player那麼完整，像是audio要用外掛可以播放，下面是結合了BlockUI的運用(因為有版面限制又不想換頁)

1
2
3

<!-- 先載入Flowplayer及BlockUI -->
<script language="javascript" src="flowplayer/flowplayer-3.1.4.min.js"></script>
<script language="javascript" src="jquery.blockUI.js"></script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

// 傳入參為檔案路徑，例如：<a href="javascript:play('/archive/flash.flv');">播放</a>
function play(file_path) {
    // 設定blockUI的內容
    var html =  '<a href="'+file_path+'" style="display:block;width:425px;height:300px;" id="player"></a>' + 
                '<div style="text-align: center;"><br />' + 
                '<input type="button" value="關閉" onclick="$(\'#player\').remove();$.unblockUI();" />' + 
                '</div>';
 
    // 產生blockUI
    $.blockUI({
        message: html,
        css: {width: '425px', height:'300px'}
    });
 
    // 建立Player
    flowplayer("player", "flowplayer/flowplayer-3.1.5.swf", { 
        plugins: { 
            // 加入audio的插件
            audio: { url: 'flowplayer/flowplayer.audio-3.1.2.swf' } 
        } 
    });
}
]]> http://blog.gclin.org/2010/02/11/flowplayer-blockui/feed/ 0 Javascript dt = newDate()在IE要注意的不同 http://blog.gclin.org/2010/02/09/javascript-dt-new_date-ie/ http://blog.gclin.org/2010/02/09/javascript-dt-new_date-ie/#comments Tue, 09 Feb 2010 09:07:20 +0000 Austin http://blog.gclin.org/?p=805 
1
2
3
4
5
6
7
8
9
10

// 當指定的時間無法轉為Date()時
// 除IE之外的瀏覽器是傳回NaN，而IE是回傳一個負數
var dt = new Date('ooxx');
 
if(isNaN(dt.getTime()) || dt.getTime() < 0) {
    alert(dt.getTime());
    dt = new Date();
}
 
alert(dt.getTime());
]]> http://blog.gclin.org/2010/02/09/javascript-dt-new_date-ie/feed/ 0 jQuery Plugin Template http://blog.gclin.org/2009/12/27/jquery-plugin-template/ http://blog.gclin.org/2009/12/27/jquery-plugin-template/#comments Sun, 27 Dec 2009 11:11:07 +0000 Austin http://blog.gclin.org/?p=755 基本架構：

1
2
3
4
5

jQuery.fn.my_plugin = function() {
   return this.each(function() {
       // TODO
   }
}

增強(方便)版 & 範例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

jQuery.fn.my_plugin = function(param) {
   // 這個this本身就是jQuery的物件了
   // 先放到$all這樣到了each裡面才能直接使用(裡面的this會指到別的物件)
   var $all = this;
 
   // 自訂function給each裡的程式用(用this.避免與外部函式衝突)
   this.func = function(str) {
      // TODO
   }
 
   return this.each(function() {
      // 把他轉成jQuery方便操做(這邊的this是HTML的Element)
      var $this = jQuery(this);
 
      // 取得目前處理的Element在$all的index
      alert($all.index(this));
 
      // 用$all.呼叫my_plugin內定義的func
      $all.func('');
 
      // 這邊可以直接存取到plugin帶進來的參數(param)
      alert(param);
   });
};
]]> http://blog.gclin.org/2009/12/27/jquery-plugin-template/feed/ 0 利用jQuery UI的datepicker製作datetime選擇器 http://blog.gclin.org/2009/12/18/jquery-ui-datepicker-datetime/ http://blog.gclin.org/2009/12/18/jquery-ui-datepicker-datetime/#comments Fri, 18 Dec 2009 07:19:45 +0000 Austin http://blog.gclin.org/?p=745 使用法方：

1
2
3
4
5
6
7
8
9

<input type="hidden" id="t1" name="t1" value="2009-01-01 00:00:00" />
<script language="javascript">
$('#t1').datetime({
    dateFormat: "yy-mm-dd",
    defaultDate: $(this).val(),
    changeMonth: true,
    changeYear: true,
});
</script>

Plugin的程式碼：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

jQuery.fn.datetime = function(param) {
   if(typeof(jQuery.fn.datepicker) != 'function') {
      alert('找不到datepicker');
      return;
   }
 
   var padLeft = function(str,lenght){  
      if(str.toString().length >= lenght)  
         return str;  
      else  
         return padLeft("0" +str,lenght);  
   }   
 
   $all = this;
   return this.each(function() {
      var $this    = jQuery(this);
      var $chk     = jQuery('<input type="checkbox" id="chk_enable"> /');
      var $date    = jQuery('<input type="text" id="'+id+'_d" value="" />');
      var $hour    = jQuery('<select id="'+id+'_h"></select>').change(update);
      var $minute  = jQuery('<select id="'+id+'_m"></select>').change(update);
 
      var id       = $this.attr('name');
      var dt       = new Date($this.val());
      if(isNaN(dt.getTime())) {
         $chk.attr('checked', false);
         $date.attr('disabled', true);
         $hour.attr('disabled', true);
         $minute.attr('disabled', true);
 
         dt = new Date();
         if($all.index(this) == 0) {
            dt.setHours(0);
            dt.setMinutes(0);
            dt.setSeconds(0);
         } else {
            dt.setHours(23);
            dt.setMinutes(59);
            dt.setSeconds(59);
         }
         $chk.val(
            dt.getFullYear() + '-' + 
            (dt.getMonth()+1) + '-' + 
            dt.getDate() + ' ' + 
            dt.toLocaleTimeString()
         );
      } else {
         $chk.attr('checked', 'checked');
      }
 
      // 更新的callback
      var update   = function() {
         $this.val(
            $date.val() + ' ' + 
            $hour.val() + ':' + 
            $minute.val() + ':' + 
            padLeft(dt.getSeconds(), 2)
         );
      };
 
      // 啟用
      $chk.change(function() {
         if($(this).attr('checked')) {
            $date.attr('disabled', false);
            $hour.attr('disabled', false);
            $minute.attr('disabled', false);
 
            if(this.value != '') {
               $this.val(this.value);
            }
         } else {
            $date.attr('disabled', true);
            $hour.attr('disabled', true);
            $minute.attr('disabled', true);
            this.value = $this.val();
            $this.val('');
         }
      });
 
      // 日期
      $date.change(update)
          .datepicker(param)
          .val(
             dt.getFullYear() + '-' + 
             (dt.getMonth()+1) + '-' + 
             dt.getDate() )
          .css('width', '80px');
 
      // 時
      for(var i = 0; i < 24; i++) {
         var sel = "";
         if(i == dt.getHours()) sel = ' selected="selected"';
         $hour.append(
            '<option value="'+padLeft(i, 2)+'"'+sel+'>' + 
            padLeft(i, 2) + 
            '</option>'
         );
      }
 
      // 分
      for(var i = 0; i < 60; i++) {
         var sel = "";
         if(i == dt.getMinutes()) sel = ' selected="selected"';
         $minute.append(
            '<option value="'+padLeft(i, 2) + '"' + sel + '>' + 
            padLeft(i, 2) + 
            '</option>'
         );
      }
 
      // 加到表單內
      $this.parent()
           .append($chk)
           .append($date)
           .append($hour)
           .append($minute);
   });
};
]]> http://blog.gclin.org/2009/12/18/jquery-ui-datepicker-datetime/feed/ 0 JavaScript Date Object http://blog.gclin.org/2009/12/17/javascript-date-object/ http://blog.gclin.org/2009/12/17/javascript-date-object/#comments Thu, 17 Dec 2009 14:50:13 +0000 Austin http://blog.gclin.org/?p=738 JavaScript Date Object是一個用來處理日期及時間的物件
可由下列幾種方式建立：

1
2
3
4
5
6
7
8
9
10
11
12

// 取得目前的日期及時間
var d = new Date();
 
// 指定時間
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
 
// 判斷輸入時間是否正確
if(isNaN(d.getTime())) {
    alert("Invalid Date!");
}

詳細用法請參考：JavaScript Date Object

]]> http://blog.gclin.org/2009/12/17/javascript-date-object/feed/ 0 我的創意idv.tw + Google Apps http://blog.gclin.org/2009/10/22/idv-tw-google-apps/ http://blog.gclin.org/2009/10/22/idv-tw-google-apps/#comments Thu, 22 Oct 2009 05:41:47 +0000 Austin http://blog.gclin.org/?p=704 Step 1. 查詢想要註冊的網域名稱是否已經有人註冊
進入http://www.showking.tw/，點擊 『我的創意idv.tw體驗活動』
在下面表單內輸入想要申請的名稱，按下送出之後只要沒有出現 『已有人申請，請重新選擇』即可往下一步進行
twnic1

Step 2. 申請網域名稱
選擇下圖中其中一家廠商，點選後進入申請頁面
twnic2

因為PCHome可以設定自管或代管比較方便，所以下面會以PCHome為例進行申請
申請頁面的網址為：http://myname.pchome.com.tw/act/freeidv.htm (輸入體驗序號)
twnic3
twnic4
twnic5
接著填寫完個人資料即可進入管理DNS的介面

Step 3. 未完@@a

]]> http://blog.gclin.org/2009/10/22/idv-tw-google-apps/feed/ 0 Google Maps路經規劃 http://blog.gclin.org/2009/09/15/google-map-api-gdirections/ http://blog.gclin.org/2009/09/15/google-map-api-gdirections/#comments Mon, 14 Sep 2009 17:15:18 +0000 Austin http://blog.gclin.org/?p=688 』]]> 忙錄了好一陣子Blog也荒廢了好久了
Google Maps一直很想碰，但都沒有時間所以不太敢碰>』<
結果剛好在ptt看到有人問Google Maps問題，就手癢了起來~~~
還沒有時間仔細研究，這問題之後也可能會遇到，先來記一下

ptt.cc 文章代碼(AID): #1Agx_S0P (Ajax)

問題1：送出後無法正常顯示?
解決：GDirections.load()的第二個參數是要用json來傳送

問題2：用完整地可以正常計算出路徑，但是只用"世新大學"跟"台北火車站"卻不行?
解決：補上Taiwan就可以了，例："Taiwan 世新大學"跟"Taiwan 台北火車站"，或是直接讓程式自己補上

1
2
3

function showAddress(address1,address2)  {
    directions.load("from: Taiwan "+address1+" to: Taiwan "+address2, { "locale": "zh_TW" });
}

測試網址：http://blog.gclin.org/gmap.php

參考資料：Google Maps API Reference、GDirections、GDirectionsOptions

]]> http://blog.gclin.org/2009/09/15/google-map-api-gdirections/feed/ 0