Home

2008年8月28日 星期四

[我是大明星] 我與小崴崴 上雜誌頭版了

From: Polin Wei

  電視明星看多了不稀奇。我與小崴崴也上了電子雜誌的頭版了耶。是 頭版 耶!!



  各大雜誌爭相報導喔!!


搞什麼啊,原來只要上 電子雜誌-我是大明星,每個人都可以是頭版嘛 !!

[DataBase] Oracle 的資料由 Linux 跨平台移轉到 Windows 平台

From: Polin Wei

Oracle DataBase 中的資料要跨平台移轉, 可以使用 exp/imp 的模式來作. 本範例示範由 Linux 平台移至 Windows 平台, 共有六個步驟:

先在 Windows 平台作好準備
step 1: create tablespace (建立與 Linux 平台一樣的 Tablespace 名字及檔案)

CREATE TABLESPACE "USERS_DATA"
LOGGING
DATAFILE 'C:\oraclexe\oradata\XE\USERS_DATA01.DBF' SIZE 50M
DEFAULT STORAGE ( MAXEXTENTS UNLIMITED);


step 2: Drop Users (帳號存在時, 才要作此步驟)

drop user JAPPS cascade;


step 3. Create Users(建立使用者)

create user JAPPS identified by JAPPS default tablespace USERS_DATA temporary tablespace temp;


step 4. Grant Permission (給予 create session 及 resource權限)

grant create session,resource to JAPPS;


step 5. export datas from original server (從 Linux 平台上匯出資料)

exp system/tiger@xp owner=\(JAPPS\) file=/tmp/exp_linux_data.dmp log=/tmp/exp_linux_data.log statistics=none grants=yes


step 6. import datas from dump file( import 到 Windows 平台)

imp system/oraclexe@xe grants=yes full=y ignore =y file="exp_linux_data.dmp" log="exp_linux_data.log"


以上就完成資料庫跨平台的移轉了

2008年8月27日 星期三

[教學] CBox 線上留言有 洋蔥頭 圖示囉

From: Polin Wei

  厭倦 CBox 一成不變的小圖示了嗎? 現在只要登入 CBox 後,在 Options->Smilies 就可以自己定義你想要的圖示。線上的圖示可以使用 即時通小圖網





step01: 在 即時通小圖網 滑鼠移到您想要的圖上, 按右鍵, 選擇內容


step02: 將網址貼在 CBox -> Options->Smilies 的 URL 內


step03: 完成後,成果如下:

【發現部落格新版圖!BlogAD夏日換新衣】

From: Polin Wei


  今天到 BlogAD 看了一下,發現它的網站已經換然一新了。以前的功能很少,而且網頁的配置真的不吸引人,但今天一看,哇!!立即吸引我的目光。現在它增加了以下的功能:

  以前 BlogAD 在計算奬金方面比較呆板,在此 BlogAD 的廣告獎金計算方式分為曝光式獎金及點閱式獎金兩種,您可以於每月的五號更換獎金計算方式,以下為兩種方式的說明:

  曝光式獎金主要是依照您每日的部落格流量、點閱數、廣告置放位置及您的下線數量來做加權分數計算,並且根據您的加權分數佔會員總分數的比例來計算獎金,一般而言,若您的部落格每日廣告遞送數超過5000以上,建議您採用這種方式。

  點閱式獎金為只要有網友點擊您部落格上的廣告,BlogAD就會從廣告主購買廣告的金額提撥固定比例的廣告獎金給您,每次的點擊會依照您昨日的廣告曝光數來決定獎金比例的多寡,也就是說只要您每日的廣告曝光數愈大,您得到的點閱獎金就愈多。

  BlogAD 為了讓會員能每日回BlogAD看看,它提供了另一項功能,賺BU幣! 嗯! 很棒喔,它除了可以賺錢、拿好康、體驗新產品、搶先看電影之外,還有一個令部落格主熱血沸騰的目標!!

  什麼是 「BU幣」?
「BU幣」是暢遊BlogAD所使用的虛擬貨幣。所有的服務皆可以用BU幣來購買。累計廣告獎金的同時,只要你有放BlogAD的廣告在自己的部落格裡,每天有一個 曝光數以上,每日就可以賺取 5BU,很簡單吧! 放廣告除了可以賺現金,還可以無形累積BU幣幫你購買其他好玩的服務。  

心動了嗎?馬上加入
BlogAD 吧!!

2008年8月25日 星期一

[DataBase] 如何在 OracleXE 建立自己的 Tablespace

From: Polin Wei

  在 OracleXE 資料庫中, 預設儲存的 Tablespace 是 USERS , 而 Temporary Tablespace 是 TEMP ,但若想要建立自己的帳號及預設的 Tablespace 該如何作呢?

先下SQL :
SELECT * FROM V$TABLESPACE;
查詢現有的 TABLESPACE






第一步驟:
  先建立一個 Tablespace 及該實體檔案的位置

CREATE TABLESPACE "sc"
LOGGING
DATAFILE ' C:\oraclexe\oradata\XE\ SC01.DBF' SIZE 10M;




第二步驟:
  建立使用者, 並指定要使用的 TABLESPACE and TEMPORARY TABLESPACE

CREATE USER sc <== 使用者名字
IDENTIFIED BY xxx <== 密碼
DEFAULT TABLESPACE sc <== 預設要使用的TABLESPACE
TEMPORARY TABLESPACE temp <== 預設要使用的 TEMPORARY



第三步驟:
 最後要給這個帳號權限

GRANT CREATE SESSION, RESOURCE TO SC;


[DataBase] 更改Oracle XE for Windows 的 HTTP port number?

From: Polin Wei

  Oracle XE (eXpresss Edition) 是一套免費的資料庫管理系統。軟體可以從 這裡來下載

  它的功能和 performance 當然無法和正式的 Oracle 10g Database 相比。但是,當作小型的網頁後端資料庫,已是綽綽有餘。

  Oracle XE 目前已有 for Windows 和 for Linux 兩個平台的版本,而 for Linux 的版本,又分成給 Redhat/Fedora Core 和 SuSE 用的 RPM 版,以及給 Debian 和 Ubuntu 用的 DEB 版。

  只用過 for Windows 版和 RPM 版,雖然安裝好了之後,由於操作界面採用 Web 形式,所以完全相同。但是在安裝的過程中,卻有一點點的差異。RPM 版在安裝完畢後,會出現以下這條訊息,告訴你還有一些東西要設定,其中就包括 HTTP port number。
You must run '/etc/init.d/oracle-xe configure' as the root user to configure the database.

  一旦你如以下輸入,我們可以看到第一個問題就是詢問 HTTP port number,當然還有像 SYSTEM/SYS 的密碼設定,還有是否要開機時自動啟動等等:




$ /etc/init.d/oracle-xe configure

Oracle Database 10g Express Edition Configuration
-------------------------------------------------
This will configure on-boot properties of Oracle Database 10g Express
Edition. The following questions will determine whether the database should
be starting upon system boot, the ports it will use, and the passwords that
will be used for database accounts. Press to accept the defaults.

== 下列就是要作修改的設定 ===
Ctrl-C will abort. Specify the HTTP port that will be used for Oracle Application Express [8080]:XXXX
Specify a port that will be used for the database listener [1521]:
Specify a password to be used for database accounts. Note that the same
password will be used for SYS and SYSTEM. Oracle recommends the use of
different passwords for each database account. This can be done after

initial configuration:
Confirm the password:
Do you want Oracle Database 10g Express Edition to be started on boot (y/n) [y]:


Starting Oracle Net Listener...Done
Configuring Database...Done
Starting Oracle Database 10g Express Edition Instance...Done
Installation Completed Successfully.
To access the Database Home Page go to "http://127.0.0.1:8051/apex"


為什麼要更動這個 port number?
  主要的原因是,有很多 HTTP 應用在主機上的 port 80 已經被 web server 使用掉後,第一個想到就是改用 port 8080。這包括 Apache Tomcat,還有很多 Java Servlet Container 都是這樣預設的。所以,除非你的機器已是 production server,不容許安裝一堆奇奇怪怪的東西,否則在 develop system 上 port 8080 已被占用的可能性極高,尤其是 Java server side 應用的開發者。

  接下來,我們要離開 Linux ,來開始我們的 Windows 上的工作。既然無法在安裝時就設定,那麼只好手動來更改了。主要要更動的地方有三個。


第一個步驟:
  到開始功能表中,找到 Oracle Database 10g Express Edition / 執行 SQL 命令行,打開 SQL*Plus。然後在 SQL*Plus 下如以下輸入,xxxx 代表要輸入的 port number,比如 8088:


SQL*Plus: Release 10.2.0.1.0 - Production Copyright (c) 1982, 2005, Oracle. All rights reserved. SQL> connect system as sysdba;

輸入密碼: *****
已連線.

SQL> exec dbms_xdb.sethttpport(8088);

已順利完成 PL/SQL 程序.

SQL>exit



下達 exit 指令後,就會跳出 SQL*Plus 環境了。


第二個步驟:
  先找到你安裝 Oracle XE 的安裝目錄。預設值是 C:\oraclexe。如果你安裝時是接受預設值,那麼打開檔案總管,找到這個目錄下的 C:\oraclexe\app\oracle\product\10.2.0\server 這個目錄,打開來。你會發現在這個目錄下有六個網際網路捷徑:


第三步驟:
  我們要修改的是 Database_homepage 及 Online_help 這兩個網際網路捷徑。當你把滑鼠游標到其中一個時,按下右鍵->打開捷徑選單->選擇內容。打開內容對話方塊時;以Database_homepage 這個網際網路捷徑為例;在網頁文件頁籤中,URL 輸入方塊目前是http://127.0.0.1:8080/apex,請將它改成 http://127.0.0.1:xxxx/apex。這裡的 xxxx 就是剛才你更改的 HTTP port number,比如是 8088。然後按下確定鈕。

  同樣的方法修改 Online_help 網際網路捷徑,這樣就大功告成了。這樣你就可以直接使用開始功能表中的 Oracle Database 10g Express Edition / 移到資料庫首頁就可以跳到你的資料庫管理界面了。


2008年8月22日 星期五

[AdSense] AdSense 輕鬆的 Feed Burner 部落格

From: Polin Wei

  Google AdSense 現在提供另外一個更方便的工具,可以讓你輕鬆的將部落格的文章 FeedBurner 起來。 進入 AdSense 的管理介面後,選 [AdSense 設定]->[取得廣告]->[AdSense for Feeds]。
  
  在 AdSense for Feeds 的頁面中選 [燒錄新的資訊提供]


  填入 你自己部落格的網址


  因為 Blogger 提供 RSS 及 ATOM 兩種格式,這兩種選一即可。



  最後, 在 http://feedproxy.google.com/weipolin 後面要填入的空格中,要有唯一的名字 ,在這裡我用的是 weipolin ,如果這個名字有被人用的話,就會不成功了,所以要想一個與眾不同的名字啦!!




[教學] MyMiniCity 我的小城市 - PolinWei 巿

From: Polin Wei

  在別人的網誌上常看到下面這種圖示:





  一直不曉得那是要作什麼用的,一時興起就 google 一下,才知道那是 MyMiniCity。它號稱不需要註冊、不需要下載,只需要依靠網友的點擊就可以發展你的小城市。嗯!!看自己的城市慢慢發展起來的感覺好像滿有趣的,於是我就立即申請了一個 MyMiniCity 叫作: PolinWei City



  但問題來啦,難道只能連到PolinWei City看嗎? 不能放在自己的部落格內的話,這樣就沒什麼意思了。幸好已經有網友寫好 MyMiniCity 的 widget 了。基本的語法如下:


<script src="http://widgets.evenrain.net/swfobject.js" type="text/javascript"></script>
<script src=http://widgets.evenrain.net/myminicity.php?city=yourCityName&width=240&m=1&tr=1 type="text/javascript" charset="UTF-8"></script>



  上面的 yourCityName 要改成你自己的城巿名,其餘的參數如下
參數說明:

city:城市名稱 (必要參數)
width:widget 寬度 (數字就好,單位為 px,預設 165)
f1:標題的字體大小 (數字就好,單位為 px,預設 14)
c1:標題的字體顏色 (不需加 #,預設為 ffffff)
bg1:標題的背景色 (不需加 #,預設為 9dc55e)
f2:數據的字體大小 (數字就好,單位為 px,預設 12)
c2:數據的字體顏色 (不需加 #,預設為 000000)
bg2:數據的背景色 (不需加 #,預設為 c9fd79)

至於詳細的參數設定可以參考 Abend 的專案頁面

參考文獻: ABend 的[Widget] MyMiniCity 我的小城市

2008年8月21日 星期四

[Java Script] 用 Java Script 來作圖片的廣告輪撥

From: Polin Wei

今天工作時, 為了要讓使用者可以看圖片瞭解要公告的事項, 所以改寫了跑馬燈的 Java Script, 程式如下:

<script language="JavaScript">
<!--
var t = 500; // 顯示的時間
var tt = 0;
var ttt = 0;
var isOnPic = false;  => 判斷滑鼠是否在圖片上
var ry= 1;
function random_imglink(){
        var myimages=new Array()
        //以下放置要顯示的圖片.不夠的話自己加上
        myimages[1]="image01.png"
        myimages[2]="image02.png"


        //以下放置圖片相對的網址.不夠的話自己加上
        var imagelinks=new Array()
        imagelinks[1]="http://tw.myblog.yahoo.com/polinwei/"
        imagelinks[2]="http://polinwei.blogspot.com/2008/08/html.html"

        // alt 浮現視窗要顯示的文字
        var imagealt="new" Array()
        imagealt[1]="我與小崴崴的生活日記"
        imagealt[2]="用 HTML 語法讓圖片上也可以作連結"        
        
        var adv=document.getElementById("adv");    
        // 滑鼠若在圖片上時, 則不輪詢
        if (!isOnPic){
            ry=Math.floor(Math.random()*myimages.length);            
        }
        if (ry==0) ry=1

        adv.innerHTML = '<a onmouseover="isOnPic=true;" onmouseout="isOnPic=false;" href='+'"'+imagelinks[ry]+'"'+'target="_blank"><img src="'+myimages[ry]+'" width="530" height="250" border="0" alt=""'+imagealt[ry]+'">" </a>';
        ttt = 5*t;
        tt += ttt;
        setTimeout("random_imglink()", ttt);        
}
//-->
</script>


整個 HTML 檔案如下:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>資訊公告</title>
<script language="JavaScript">
<!--
var t = 500; // 顯示的時間
var tt = 0;
var ttt = 0;
var isOnPic = false;  => 判斷滑鼠是否在圖片上
var ry= 1;
function random_imglink(){
        var myimages=new Array()
        //以下放置要顯示的圖片.不夠的話自己加上
        myimages[1]="image01.png"
        myimages[2]="image02.png"


        //以下放置圖片相對的網址.不夠的話自己加上
        var imagelinks=new Array()
        imagelinks[1]="http://tw.myblog.yahoo.com/polinwei/"
        imagelinks[2]="http://polinwei.blogspot.com/2008/08/html.html"

        // alt 浮現視窗要顯示的文字
        var imagealt="""new""" Array()
        imagealt[1]="我與小崴崴的生活日記"
        imagealt[2]="用 HTML 語法讓圖片上也可以作連結"       
       
        var adv=document.getElementById("adv");   
        // 滑鼠若在圖片上時, 則不輪詢
        if (!isOnPic){
            ry=Math.floor(Math.random()*myimages.length);           
        }
        if (ry==0) ry=1

        adv.innerHTML = '<a onmouseover="isOnPic=true;" onmouseout="isOnPic=false;" href='+'"'+imagelinks[ry]+'"'+'target="_blank"><img src="'+myimages[ry]+'" width="530" height="250" border="0" alt=""""'+imagealt[ry]+'">""" </a>';
        ttt = 5*t;
        tt += ttt;
        setTimeout("random_imglink()", ttt);       
}
//-->
</script>
</head>

<body>

<div name="adv" id="adv">
    <script>
        random_imglink();
    </script>
</div>
</p>
</body>
</html>





[笑話] 菲爾普斯奪得8金 的後續效應

From: 網路轉載

菲爾普斯奪得8金以後:
各國對游泳比賽蛙泳、仰泳、蝶泳、自由泳×100、200、400、1500導致金牌過多感到非常不滿,紛紛要求增加自己優勢專案的金牌數目。

巴西提出:
足球應該分為3人、5人、7人、11人×沙灘、室內、草地。

中國提出:
乒乓球應該分為直板、橫板、直板雙打、直板單打、直板橫板混雙。
跳水應該分為1m 2m 3m 4m 5m 6m 7m 8m 9m 10m

英國提出:
馬術應該分成黑馬馬術、白馬馬術、紅馬馬術、褐馬馬術、皇馬馬術、斑馬馬術。

肯亞提出:
長跑應該分為10000米、11000米、12000米、13000米。。。

日本提出:
所有男女混合項目應該增加3p、4p、5p、6p、7p。。。群p。。。500p。

泰國提出:
除了男子和女子項目外,所有應該加上人妖組。

唯獨韓國在這方面沒有要求,他們大聲喊到:
菲爾普斯是韓國人 !!

2008年8月13日 星期三

[教學] 用 HTML 語法讓圖片上也可以作連結

From: Polin Wei


  上面的圖是一般的相片, 對於圖中的文字 "我與小崴崴的工作日記", "我與小崴崴的生活日記", "我與小崴崴的電影日記" 是無法作網頁連結的,但若要像下圖,當滑鼠移到這三串文字時,也能連結到不同網站,那該如何作呢?







  圖片大小以600x320 px 為例,只要加入下面 HTML 的語法即可:

<img src="htmlDemo.jpg" usemap="#htmlDemo" border="0" /></img>
<map name="htmlDemo">
<area shape="RECT" target="_blank" coords="395,173,574,205" href="http://polinwei.blogspot.com/">
<area shape="RECT" target="_blank" coords="395,210,574,242" href="http://tw.myblog.yahoo.com/polinwei">
<area shape="RECT" target="_blank" coords="395,263,574,290" href="http://polinwei.spaces.live.com/">
</map>


語法說明:

<img src="htmlDemo.jpg"  ==> 指定圖片
 usemap="#htmlDemo"  ==> 給圖片一個 ID:  #htmlDemo 這個名字可以自己定義
border="0" /></img>
<map name="htmlDemo"> ==> 要使用上面設定的 ID
<area shape="RECT" target="_blank" coords="395,173,574,205"  ==>( 左上X軸作標, 左上Y軸作標, 右下X軸作標, 右下Y軸作標 )
href="http://polinwei.blogspot.com/"> ==> 要前往的網站或網頁
<area shape="RECT" target="_blank" coords="395,210,574,242" href="http://tw.myblog.yahoo.com/polinwei">
<area shape="RECT" target="_blank" coords="395,263,574,290" href="http://polinwei.spaces.live.com/">
</map>




2008年8月12日 星期二

[文章] 看海的日子<<偷得浮生半日閒>>

From: Polin Wei


  「 知者樂水,仁者樂山;知者動,仁者靜;知者樂,仁者壽」趁著假日到台中的梧棲觀光漁港走走,你看~是天藍還是海比較藍~
  看高山會讓你志氣更高,而看大海會讓你的心胸更為寬廣;現代的人上班時在格子裡工作,回到家後,又在格子裡生活,生活起居都在格子裡,視野自然而然變小了,心胸不知何時也變得狹隘,事事斤斤計較,為了更美好的生活,卻也尚失了赤子之心,是現代人的悲哀嗎?
  來看看大海吧!!看了大海你會頓然開闊,一吐悶氣,心情舒暢,神輕氣爽,看那一望無際的海,看到遠處時竟不知那是天還是海了。
  你有多久沒有親近大自然,趁著假日帶著家人,讓你的身心也來洗滌一下吧!!

2008年8月11日 星期一

[教學] 我的Blogger 有三個欄位了!! Blogspot 三欄式的改法

From: Polin Wei

  看到別人的網頁都有三個欄,今天也來讓自己的網頁也改成三欄式吧,以下三欄式的改法:

1. 第一個是決定你網頁的總寬度,我是用 99% ﹐50%(#main-wrapper )+20%(#sidebar-wrapper )+22%(#newsidebar-wrapper )+各margin=99% 這部份你自己可以先計算一下
PS: 當然你也可以用 px 來作設計, 但因為我懶得作計算, 所以用 % 比較方便

2. 新增一個 sidebar (#newsidebar-wrapper )下面紅色標識的,就是新增的第二個sidebar
PS: 你可以複製 #sidebar-wrapper 的 css 樣式, 然後改名為 #newsidebar-wrapper , 注意: 不能同時有兩個 #sidebar-wrapper , 不然會出錯的




#outer-wrapper {
width: 50%;
...
}
#main-wrapper {
width: 50%;
margin-$startSide: 1%;
...
}
#sidebar-wrapper {
width: 20%;
margin-$endSide: 0.5%;
...
}
#newsidebar-wrapper {
width: 22%;
margin-$endSide: 0.5%;
...
}



3.在 <div id="main-wrapper"> 與 <div id="sidebar-wrapper"> 中間加入<div id="newsidebar-wrapper"> 就像下面


<div id="main-wrapper">
...
...
</div>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

<div id="sidebar-wrapper">
...
...
</div>




接下來你到Page element就可以看到第三欄出來了﹐若把各顏色變數字形變數也新增的話﹐以後你在這Fonts & Colors 就可以直接調整。


參考文獻:
Aqua , A-V and BSD Blogger - Blogspot 三欄的改法
Hackosphere三欄式Beta

2008年8月7日 星期四

[教學] 如何開啟 Windows XP 中的自動登入

From: Polin Wei

  在安裝 Windows XP 時,系統會自動幫你建立一組帳號,Windows XP 安裝完畢後,則會利用這組帳號自動登入 Windows XP ,倘若你想換帳號自動登入時,可以參考下面的作法:

  您可以在未加入網域的 Microsoft Windows XP Home Edition 與 Microsoft Windows XP Professional 電腦上,不需編輯登錄就可開啟自動登入功能。如果要執行這項操作,請依照下列步驟執行:

1. 按一下 [開始],再按一下 [執行]。
2. 在 [開啟] 方塊中,輸入 control userpasswords2,再按一下 [確定]。

  
  注意 當使用者嘗試在 Windows XP Home Edition 的 [使用者帳戶] 視窗中顯示說明資訊時,並不會顯示說明資訊。此外,使用者會收到下列錯誤訊息:
找不到 Drive:\Windows\System32\users.hlp 說明檔,檢查以查看檔案是否在硬碟機上。如果檔案不存在,您必須重新安裝它。



3. 請清除 [必須輸入使用者名稱和密碼,才能使用這台電腦] 核取方塊,再按一下 [套用]。



4. 在 [自動登入] 視窗的 [密碼] 方塊中輸入密碼,然後在 [確認密碼] 方塊中重新輸入密碼。

5. 按一下 [確定] 關閉 [自動登入] 視窗,然後按一下 [確定] 關閉 [使用者帳戶] 視窗。

PS:倘若你想讓所有人登入Windows XP 都要輸入密碼時,則需要在 3.選取 [必須輸入使用者名稱和密碼,才能使用這台電腦] 核取方塊,再按一下 [套用]。


參考文獻: http://support.microsoft.com/kb/315231

2008年8月6日 星期三

[笑話] 誰燒了阿房宮?

來源:網路轉載 作者:佚名 (若是原著者拒絕刊登, 請回應告知)

某日上課時
老師問小明:「王小明,你知不知道阿房宮是誰燒的。」
小明:「老師,......不是我燒的。」

放學之後,老師打電話到小明家
鈴鈴鈴...

老師:「王先生,今天上課的時候,我問小明,阿房宮是誰燒的,小明竟然跟我說,不是他燒的。」

爸爸:「老師,不好意思,我們家小明,笨歸笨,但是很老實,他說不是他燒,就應該不是他燒的。」

老師已經快失去理智了,換媽媽聽。

老師:「王媽媽,今天上課的時候,我問小明,阿房宮是誰燒的,小明竟然跟我說,不是他燒的。」

媽媽:「對不起,麻煩老師稍等一下。」

電話另一頭隱約傳來打罵小孩的聲音。

媽媽:「不好意思,讓老師久等了,小明已經承認,阿房宮是他燒的了,小孩子就是不打成器。」

老師:「...............」

2008年8月5日 星期二

[教學] How jQuery Works <<如何讓 jQuery 正常運作>>

From: Polin Wei

  jQuery 在前面的 [文章] 初談 jQuery 有大致的介紹,但對一般開始要學習 jQuery 的人來說,還是有點學習的障礙,今天就大概來說一下該如何快速進入 jQuery 的世界,若你對原文(英文)的閱讀是無障礙的,那你可以讀這一篇 Tutorials:How jQuery Works本篇也是參考這文章

   1. 首先建立一個新的網頁 HTML 檔案 jQueryDemo.HTML ,就像下面:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// Your code goes here
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
  

  2. 在上面的檔案中編輯 src 的屬性,如果 jquery.js 的 JavaScript 檔案與這個網頁jQueryDemo.HTML 是同目錄的話,就不需修改,就像下面

 <script type="text/javascript" src="jquery.js"></script>
  
  若你有需要 jQuery 的檔案,則可以在 Downloading jQuery 取得

  3. 因為網頁在網路上讀取時,有時所有的 JavaScript 還沒有下載完畢,所以有時執行時會不如預期,為了避免這種情況發生,一般 JavaScript 的程式應該在 Document Ready 時才開始執行,為此,有兩種方法可以來解決:
方法一:

 window.onload = function(){ alert("abc") }

方法二:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
(document).ready(function(){
// Your code here
});

</script>
</head>


  至於 jQuery 的一些範例則可以參考 [文章] 初談 jQuery

[文章] Java Script 建立物件的方法

From: Polin Wei

方法一是:

  • var MyObject = function(){
  • /*Your Code Here*/
  • };


方法二是:

  • var MyObject = function(){
  • return{
  • /*Your Code Here*/
  • }
  • }();

範例: 建立一個 MyObject

MyObject = function() {
// private variables : 私有屬性或稱為區域變數
// private functions : 私有方法或稱為區域方法
// public space
return {
// public properties, e.g. strings to translate : 公有屬性或稱為公開變數

// public methods : 公有方法或稱為公開方法
init: function() {
alert('Application successfully initialized');
}
};
}();
實例如下:

  • MyObject = function() {
  • var myFirstName='WEI'; //私有屬性或稱為區域變數
  • var myLastName='Polin' ;
  • function getFirstName(){
  • alert(myFirstName);
  • }
  • function getLastName(){
  • alert(myLastName);
  • }
  • return {
  • NickName1: 'Super WEI', // public properties 公有屬性或稱為公開變數
  • NickName2: 'Good Luck',
  • init: function() {
  • alert(this.NickName1); //在Public zone裡面的需要使用this.xxxx來存取變數
  • alert(myFirstName); //在Public zone裡面的直接使用 xxx來存取 private zone裡面的變數
  • }, // end of init
  • other : function(){
  • alert(this.NickName2); //在Public zone裡面的需要使用this.xxxx來存取變數
  • alert(myLastName); //在Public zone裡面的直接使用 xxx來存取 private zone裡面的變數
  • } //注意結尾的,需要去除不然龜毛的IE會拒絕執行 end of other
  • }; // end of return
  • }(); // end of MyObject


有幾點重點要注意


第一個是變數的宣告方式:
Private zone的變數使用分號(;)隔開舉例如下:

  • var 變數1;
  • var 變數2;
但是在Public zone裡面的變數要使用逗號(,)隔開(註:其實這是JSON寫法的變型)舉例如下:

  • 變數1:變數1的值,
  • 變數2:變數2的值 //注意結尾的逗點在IE無法通過檢查


第二個是function(或稱方法)的宣告方式:
Private zone的使用方法如下:

  • function fun1(){
  • /*Your code HERE*/
  • };
  • function fun2(){
  • /*Your code HERE*/
  • };

在但是在Public zone的使用方法如下,(註:還這是JSON寫法的變型):

  • fun1: function() {

  • /*Your code HERE*/
  • },
  • fun2: function() {

  • /*Your code HERE*/
  • }


2008年8月3日 星期日

[文章] 英語學習經驗分享


From: Polin Wei

  【This is a book】這是我學到的第一句英文,長久以來只要是上英文課,或者要寫英文,這句英文總是會第一個浮現在我的腦海中.要我多想出一兩句呢,是不可能的事;人家說:「發音很重要,看到英文單字能發音,至少也比較好進入狀況。」但想起我國中時,老師也沒教啊,:「補習班就有教過了,我們就開始上課吧...This is a book...」從此對英文就...可遠觀而不可褻玩焉!!


  幾年後,進入職場,為了要與國外的同事溝通,不得不硬著頭皮,寫著那中國式的英文,與他們 E-Mail 來往溝通著,想說:「管他的,看得懂就懂得懂,不懂就再說吧!!」~耶!!~他們也看懂耶,從此就有了信心,也就不再畏俱了...


  其實學習語言也罷,學習任何一種技能也好,環境是很重要的,因為有了環境就會不得不讓自己為了生存,而努力去學習;若你沒那種環境時,該怎麼辦呢?就得先讓自己對這言語有興趣,有了興趣後,才會讓你契而不捨持續學習。


  但學習也是要有方法,所幸現在科技的發達,只要你有心,就可以從廣播中,或從網路中學到你想要學習的英文技巧;我常常在廣播中聽到 賴世雄 老師在教英文,雖然我現在的英文還是很破,但我仍然努力不懈, 想要知道更多有關英文的資訊嗎?你可以連到下列的網站,一看究境...



賴世雄美語邀請大家一起從小學好英文!
賴世雄美語官網: http://www.peterlai.com.tw/