文章區間內容 ◊ 三月, 2010 ◊

作者: 丫忠
• 星期二, 三月 30th, 2010

XML檔案範本如下:

<?xml version=’1.0′ encoding=’utf-8′ ?>
<xml_data>
<xml_webname><![CDATA[丫忠的伺服器]]></xml_webname>
<xml_weburl><![CDATA[http://homeserver.com.tw]]></xml_weburl>
<xml_email><![CDATA[achung.server@gmail.com]]></xml_email>
</xml_data>

jQuery讀取XML的方式:

?View Code JAVASCRIPT
1
2
3
4
5
6
7
  $.ajax({
    url:getxml.php,
    dataType:'xml',
    success:function(return_xml){
      $(return_xml).find('xml_data > xml_email').text();  //取得email
    }
  });
文章分類: jquery  | 相關標籤: ,  | 留下對這篇文章的想法
作者: 丫忠
• 星期二, 三月 30th, 2010

蘋果正計劃為iPad加入古騰堡工程(Gutenberg Project)。這樣iPad上的iBookstore至少將預載超過30000本的免費電子書。


古騰堡工程是一個致力于公共領域文本著作的電子化、歸檔以及發布的項目,最初由自願者發起,現今已經成長為最著名的公共圖書電子化項目。

iPad加入古騰堡工程後,雖然斯蒂芬霍金小說等最新讀物不在免費之列,但消費者依然能免費享用到約30000本公共領域的圖書。如《愛麗絲夢遊仙境》、《傲慢與偏見》、《荷馬史詩》等。這將為極大的充實iPad的電子書內容。

文章分類: iPad  | 相關標籤:  | 留下對這篇文章的想法
作者: 丫忠
• 星期二, 三月 30th, 2010

作者: 丫忠
• 星期五, 三月 26th, 2010

1.什麼 iPad,是蘋果公司推出的平板電腦嗎?
依照蘋果公司的定位,iPad是一台介於電腦和手機之間的中間產品,你不能說他是平板電腦,而是想要瞬間花30秒搜尋一個影片、查電子郵件或看點書,不想等待電腦開機時間,又無法忍受智慧型手機螢幕太小的中間產品。

2.為什麼不買其他平板電腦而選擇 iPad?
當然可以選擇其他平板電腦,尤其是微軟和HP今年的力作 Slate。不過 iPad 的作業系統可以在永遠待機的狀態下1秒回到作業環境,這對不耐等待的現代人來說是最大利多。

3.iPad 很貴嗎?聽說蘋果的產品都不便宜
iPad 算是蘋果史上最便宜的「電腦」產品,連iPhone都比它貴,價格落在499美元到699美元間。大概是新台幣 17,000元到25,000元不等。

4.iPod iPhone iPad 傻傻搞不清楚?
iPod:聽音樂很快樂,看影片和照片很痛苦,普羅大眾使用。
iPhone:作什麼都很快樂,但很貴,重度玩家使用。
iPod Touch:作什麼都很快樂,尤其是玩遊戲,也不貴,但不能一直連線上網,也不打電話,遊戲玩家使用。
iPad:和 iPod Touch 價格一樣,但快樂程度兩倍,普羅大眾使用。

5.聽說 iPad 可以用iWork 作文書處理,用來替代小筆電剛剛好
不對,iPad 產品被定位在播放器或閱讀器,而不是編輯器,把 iPad 用來播放或作簡易編修文書剛剛好,但拿來打文件或作簡報的話會讓使用者痛苦不已。還是乖乖買小筆電比較實在。

6.iPad 最吸引科技重度使用者的地方在哪裡?
那塊9.7吋解析度1,024×768 IPS 技術面板和蘋果自家開發的A4處理器,換句話說就是面板超漂亮,iPad 跑得超流暢又省電。

7.iPad 有多省電?
官方宣稱待機一個月,使用則是10個小時。這個數據不論對抗小筆電或者是任何多媒體播放器都是壓倒性勝利。不過和亞馬遜電子書閱讀器 Kindle 比起來就狠狠輸上一截(一般使用一個星期都不是問題)。但對於普羅大眾來說,一天使用都不用充電是目前續航力最佳平衡點。

8.iPad 最引起科技重度使用者爭議點在哪裡?
iPad 只能單工作業,換句話說,就是一次只能執行一項軟體,使用者不能邊上MSN一邊瀏覽網頁。另外最大的爭議在於iPad 不能播放 Flash。

9.iPad 邊框好像很厚,有違蘋果設計理念?
對於iPad 邊框厚這個設計點,確實有違現代設計極簡約的風向。但如果以人體工學的概念來發想的話,有著厚邊框手握起來才舒適,也避免誤觸面板上的資訊所設計。

10.iPad 有攝影鏡頭嗎?
沒有。所以不用想跟 iPhone 一樣,一面拍照一面上傳到臉書上面,這是行動通訊的領域,不是閱讀器。

11.在 iPad 上面輸入文字難不難?
蘋果官方宣稱虛擬鍵盤的尺寸和筆電尺寸一樣,相當好輸入。但實際上除非把 iPad 良好固定住,否則輸入上會比 iPhone 困難,或者購買外接鍵盤是更好的選擇。中文輸入方面,蘋果一直未認真投入這個領域,所以不用有所期待。或者台灣的優秀軟體商 iAcces 推出 iPad 版本時作為解套。

12.iPad 能透過 3G 上網嗎?
iPad 確實有內建3G版本,價格 629 到 829 美元不等,但特別的是,iPad 的 sim 卡和一般電話 sim 卡並不一樣。這意味著,縱使你千里迢迢從美國買一台3G版本的 iPad,也不能用台灣的 sim 卡接連3G上網,這部份只能期待國內電信業者正式引進。

另一個要考量的點是,如果你已經擁有智慧型手機,也辦了3G吃到飽的姿費方案,怎可能為了iPad再付一次費用呢?另外殘忍的是,使用者也不能透過 iPhone 數據分享的方式讓 iPad 上網。玩家的解決方式則是讓手機成為無線基地台分享給 iPad 上網。

13.整體來說 iPad 到底有多少種應用呢?
首先,使用者可以直接使用APP Store 上面超過14萬種軟體,光這部份就有無限想像了。接著,下載 iBookStore 上面的書籍,當作電子書閱讀器也相當不賴(但台灣這方面肯定長久都部會開放),電子書價位有14.99 跟 7.99 美元兩種定價,還有專門連到紐約時報書評的快捷鍵。

當然,原本iPhone和iPad Touch 上已經玩的嚇嚇叫的多媒體瀏覽、地圖、行事曆和電子郵件都可以用得很開心。不僅如此,如果你認為用 iPhone 和周遭朋友秀照片已經是非常驕傲的行為,那用 iPad 來分享照片將是暢快中的暢快。

14.透過iBookStore 下載的電子書,有版權保護機制嗎?
很不幸的是,這個答案是「有的。」蘋果將會繼續採用 Apple 千年傳統的 FairPlay DRM 保護機制,這並符合好書和好朋友分享的傳統美德。

15.iPad有USB界面接頭嗎?
沒有,這個結果引來許多一般使用者的困擾 – 那如何把照片/影音/檔案傳進去 iPad 呢?其實蘋果的產品設計邏輯是這樣的,任何資料都儲存在電腦中,再透過專門的軟體同步到 iPad/iPhone/iPad 上面,如同核心地球和衛星月球的概念一樣。如果要更享受 iPad 這樣的產品,心理上得先接受蘋果的邏輯好。

16.iPad 上面可以玩開心農場嗎?
不行。賈伯思給使用者兩個選擇:「要玩 Flash,續航力只有1.5小時,所以不能有 Flash。」Adobe回著說:「對 iPad 使用者來說,等於是損失了 70%、75% 的線上影音、遊戲服務,這跟蘋果打從 iPhone 推出以來所保證的『完整網路瀏覽體驗』相對照,可以大異其趣。

17.死對頭比爾蓋茲對 iPad 的回應?
我一向對於觸控操作、電子閱讀一類的產品很有信心,不過我還是覺得,必須要有一些聲控、觸控 / 手寫筆、實體鍵盤來配合,也就是說,還是所謂小筆電產品比較好,他們也會成為將來的主流。簡單來說就是「不看好。」

18.新力對 iPad 的回應?
大根田伸財務長說道「平板電腦市場也是我們非常感興趣的方向。」還加了一句「雖然iPad搶得了先機,但是做為後來者,Sony將以更積極的姿態進入平板電腦領域。」新力這邊倒是攻擊力十足,期待新力的新產品!

19.宏碁對 iPad的回應?
林顯郎指出 Acer 對有能力製造一部與 iPad 類似的產品,但無意這樣做,因為這並不符合公司的發展方向。他提到 iPad 能受惠其既有的iTunes 銷售模式,但很多製造商包括 Acer 並不具備相關的市場經驗。總而言之:「非不能也,實不為也。」

20.普羅大眾到底適合用iPad嗎?
如果你喜歡一邊坐在沙發上看電視,一邊把玩著手上的手機或筆電,開始過著數位時代的多工人生。另一方面iPad,你很討厭為了一首歌、一套軟體在搜尋引擎上翻來覆去,那 iPad 應該是你的好夥伴。

有趣的是,創市際市場調查公司從「擁有筆電、智慧型手機、電子書裝置、MP3等3C產品的近 2600 名台灣網友」中進行調查,了解一般網民對蘋果 iPad 的購買意願,結果似乎和我們癮科技上的網友們的討論大相逕庭 — 一定會購買的加上很有可能購買的人就佔了45%,或許會購買的還要再佔 46%。看來時尚潮男靚女願意掏錢買 iPad 的手腳目前快過阿宅。

雖然產品才剛上市,但我們不免還是展望未來一下,提出下代 iPad 怎麼打造會更好:

1.更漂亮一點的外觀設計,簡單來說就是改掉厚重的外框。
2.多工運作,這麼大個螢幕不能同時玩MSN和上網實在超可惜。
3.有USB接頭和外插記憶卡。
4.透過 VGA/DVI/HDMI 端子輸出影音。
5.當筆電第二顆螢幕!
6.支援 Flash,讓我們在臉書上玩農場開餐廳!

我想這一篇文章已經把iPad所有的功能特性,以及優缺點都列了出來,Maybe可以給對iPad有興趣的人做個參考囉!

資料來源

文章分類: iPad  | 相關標籤:  | 留下對這篇文章的想法
作者: 丫忠
• 星期一, 三月 22nd, 2010

作者: 丫忠
• 星期四, 三月 18th, 2010

在更新IE8以後,瀏覽到某些網站都會出現【已關閉此網頁以協助保護您的電腦】,特別是要登入網路銀行或ATM時都會出現這個訊息,真的是很困擾,真的不知道微軟在搞什麼,連這種一般常用的瀏覽習慣也會加到安全性保護中,甚至還要使用者去做一些複雜的設計才能解除,真的很無言…..

之前的習慣是用FireFox的IE Tab替代,今天終於忍不住了,去G神那裡爬了一下資料,果然微軟自己針對這個問題提供了詳細的技術支援文件,對於有遇到同樣問題的網友可以詳見 已關閉此網頁以協助保護您的電腦

作者: 丫忠
• 星期四, 三月 18th, 2010

iPad電子書的功能改變閱讀書的習慣,因為iPad電子書功能可以用【說】的方式閱讀給使用者聽,真的是【改變你的閱讀習慣】。此外,甚至藉由輔助工具「VoiceOver」,連視力受損的使用者同樣可以閱讀電子書。
更多詳細新聞

文章分類: iPad  | 相關標籤:  | 留下對這篇文章的想法
作者: 丫忠
• 星期二, 三月 16th, 2010

作者: 丫忠
• 星期一, 三月 15th, 2010

丫忠曾在之前的文章中提到,如何在HTML中嵌入CKEditor編輯器!

現在就來針對細項的修改來做個說明:

CKEditor 的樣版修改

CKEditor 目前提供了3個樣版,Kama、Office 2003以及V2等3種樣版,至於要如何套用這3種樣版請見下面程式:

1. CKEditor 套用Kama樣版

<textarea cols=’80′ id=’editor_kama’ name=’editor_kama’ rows=’10′>
丫 忠的伺服器-CKEditor套用Kama樣版
</textarea>
<script type=’text/javascript’>
CKEDITOR.replace( ‘editor_kama’,{skin : ‘kama’});
//針對id,name為editor_kama的textarea,使用kama樣版
</script>

2. CKEditor 套用editor_office2003樣版

<textarea cols=’80′ id=’editor_office2003′ name=’editor_office2003′ rows=’10′>
丫 忠的伺服器-CKEditor套用office2003樣版
</textarea>
<script type=’text/javascript’>
CKEDITOR.replace( ‘editor_office2003′,{skin : ‘office2003′});
//針對id,name為editor_office2003的textarea,使用office2003樣版
</script>

3. CKEditor 套用V2樣版

<textarea cols=’80′ id=’editor_v2′ name=’editor_v2′ rows=’10′>
丫 忠的伺服器-CKEditor套用v2樣版
</textarea>
<script type=’text/javascript’>
CKEDITOR.replace( ‘editor_v2′,{skin : ‘v2′});
//針對id,name為editor_v2的textarea,使用v2樣版
</script>

CKEditor 的樣版底色修改

CKEditor提供了一個很簡便的方式就可以修改樣版的底色,可以依據網站的樣式自行修改CKEditor的底色來符合網站的風格,修改的方式是再簡單不過了,只需要給定幾個參數即可:

<textarea cols=’80′ id=’editor_ui_color’ name=’editor_ui_color’ rows=’10′>
丫 忠的伺服器-CKEditor套用樣版底色
</textarea>
<script type=’text/javascript’>
CKEDITOR.replace( ‘editor_ui_color‘,{
extraPlugins : ‘uicolor’,  //指定要替換底色>
uiColor: ‘#14B8C4′,  //指定的底色
});
</script>

CKEditor 的語系修改

如果您要自行指定CKEditor的語系,只須要指定language即可,詳細的語系您可以參考/ckeditor/lang/_languages.js

<textarea cols=’80′ id=’editor_language’ name=’editor_language’ rows=’10′>
丫 忠的伺服器-CKEditor語系設定
</textarea>
<script type=’text/javascript’>
CKEDITOR.replace( ‘editor_language’,{
language: ‘zh’,  //指定為正體語系,如果要簡體語系則設定’zh-cn’
});
</script>

CKEditor 的toolbar修改

我想toolbar的修改應該是最常需要修改的地方,預設CKEditor有提供兩種已經制訂好的toolbar,Full及Basic兩種,如果您使用預設這兩種toolbar就可以符合需求的話,那就可以忽略本段;但是,如果您要修改符合自己需求的話,請繼續往下看。

修改toolbar-Full:

<textarea cols=’80′ id=’toolbar_full’ name=’toolbar_full’ rows=’10′>丫 忠的伺服器-CKEditor toolbar修改-Full</textarea>

<script type=’text/javascript’>
CKEDITOR.replace( ‘toolbar_full’,{toolbar : ‘Full‘});
</script>

修改toolbar-Basic:

<textarea cols=’80′ id=’toolbar_basic’ name=’toolbar_basic’ rows=’10′>丫 忠的伺服器-CKEditor toolbar修改-Basic</textarea>

<script type=’text/javascript’>
CKEDITOR.replace( ‘toolbar_basic’,{toolbar : ‘Basic‘});
</script>

修改toolbar-自訂:

<textarea cols=’80′ id=’toolbar_mytoolbar’ name=’toolbar_mytoolbar’ rows=’10′>丫 忠的伺服器-CKEditor toolbar修改-自訂</textarea>

<script type=’text/javascript’>
CKEDITOR.replace( ‘toolbar_mytoolbar’,{
toolbar :
[
[ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
[ 'UIColor' ]
]
});
</script>

上面的自訂toolbar方式,如果對於只需要在單一頁面呈現一次的使用者還算ok,但是,如果對於要將自訂CKEditor放在很多網頁的人來說,每次都要貼這個toolbar的設定,的確有一點麻煩。

好在CKEditor很貼心地提供了一種可以讓使用者自訂toolbar的群組,當設定群組後給定一個自訂的名稱,之後如果要使用相同的toolbar時,只要設定自訂的名稱就可以了,那要怎麼做呢?請見底下:

1.找到config.js這隻檔案,將你自訂的toolbar設定放在config.js裡面,如下:

?View Code JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.toolbar = 'MyToolbar';
 
    config.toolbar_MyToolbar =
    [
        ['NewPage','Preview'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
        '/',
        ['Styles','Format'],
        ['Bold','Italic','Strike'],
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
        ['Link','Unlink','Anchor'],
        ['Maximize','-','About']
    ];
};

2. 其中 MyToolbar 就是自訂的toolbar,將常用到的toolbar設定在config.js後,再來就是在我要嵌入頁面中指定我自訂的 toolbar 名稱即可,也就是原本只能使用預設的Full或Basic,現在也可以使用我自訂的MyToolbar名稱了,如下:

<textarea cols=’80′ id=’toolbar_MyToolbar’ name=’toolbar_MyToolbar’ rows=’10′>丫 忠的伺服器-CKEditor toolbar修改-自訂toolbar</textarea>

<script type=’text/javascript’>
CKEDITOR.replace( ‘toolbar_MyToolbar’,{toolbar : ‘MyToolbar‘});
</script>

此時你可能會需要想知道 toolbar 中每一個英文對映到的功能,丫忠就把它整理下來吧,方便有需要的人做個對照囉!

‘Source’:原始碼

‘Save’:儲存
‘NewPage’:開新檔案
‘Preview’:預覽
‘Templates’:樣版

‘Cut’:剪下
‘Copy’:複製
‘Paste’:貼上
‘PasteText’:貼為文字格式
‘PasteFromWord’:自 word 貼上
‘Print’:列印
‘SpellChecker’:拼字檢查
‘Scayt’:即時拼寫檢查

‘Undo’:復原(上一步)
‘Redo’:重複(下一步)
‘Find’:尋找
‘Replace’:取代
‘SelectAll’:全選
‘RemoveFormat’:清除格式

‘Form’:表單
‘Checkbox’:核取方塊
‘Radio’:選項按鈕
‘TextField’:文字方塊
‘Textarea’:文字區域
‘Select’:選單
‘Button’:按鈕
‘ImageButton’:影像按鈕
‘HiddenField’:隱藏欄位

‘Bold’:粗體
‘Italic’:斜體
‘Underline’:底線
‘Strike’:刪除線
‘Subscript’:下標
‘Superscript’:上標

‘NumberedList’:編號清單
‘BulletedList’:項目清單
‘Outdent’:減少縮排
‘Indent’:增加縮排
‘Blockquote’:引用文字

‘JustifyLeft’:靠左對齊
‘JustifyCenter’:置中
‘JustifyRight’:靠右對齊
‘JustifyBlock’:左右對齊

‘Link’:插入/編輯超連結
‘Unlink’:移除超連結
‘Anchor’:插入/編輯錨點

‘Image’:插入影像
‘Flash’:插入Flash
‘Table’:插入表格
‘HorizontalRule’:插入水平線
‘Smiley’:插入表情
‘SpecialChar’:插入特殊符號
‘PageBreak’:插入分頁符號

‘Styles’:樣式
‘Format’:格式
‘Font’:字體
‘FontSize’:大小

‘TextColor’:文字顏色
‘BGColor’:背景顏色

‘Maximize’:最大化
‘ShowBlocks’:顯示區塊
‘About’:關於CKEditor

作者: 丫忠
• 星期五, 三月 12th, 2010

IETester : 可以模擬 IE5.5 至 IE8 的版本,並且可以安裝在Windows 7 ,Vista和XP.

Multiple_IE:可以模擬 IE3 至 IE7 的版本.

Internet Explorer Collection:可以模擬IE的版本如下:

  • Internet Explorer 1.0 (4.40.308)
  • Internet Explorer 1.5 (0.1.0.10)
  • Internet Explorer 2.01 (2.01.046)
  • Internet Explorer 3.0 (3.0.1152)
  • Internet Explorer 3.01 (3.01.2723)
  • Internet Explorer 3.03 (3.03.2925)
  • Internet Explorer 4.01 (4.72.3110.0)
  • Internet Explorer 5.01 (5.00.3314.2100)
  • Internet Explorer 5.5 (5.51.4807.2300)
  • Internet Explorer 6.0 (6.00.2800.1106)
  • Internet Explorer 6.0 (6.00.2900.2180)
  • Internet Explorer 7.0 (7.00.5730.13)
  • Internet Explorer 8.0 (8.00.6001.18702)

丫忠目前只使用過IETester,使用的問題是:有時候IETester會莫名其妙發生錯誤後,就自行關閉了,其他2個暫時沒用過,有需要的人可以自行下載囉!這個測試工具對於寫網頁或測試人員真是重要工具丫!!