足跡 - 酥活腳印: 2月 2011

2011年2月28日星期一

jQuery 筆記

VS2008 JScript IntelliSense 在使用 jQuery 時的錯誤:
可參考:
http://www.dotblogs.com.tw/asdtey/archive/2009/10/02/10881.aspx
如果有使用 jQuery UI，則需多增加一個空白檔案:例如jquery-ui-1.7.1.custom.min-vsdoc.js
http://hi.baidu.com/billsquall/blog/item/ecf35e60cb770bd68cb10dcf.html

jQuery 語法
$("A").B();
A: 如同CSS selectors一樣，http://www.w3schools.com/Css/css_reference.asp
有元素名、#ID、.CLASS、*代表全選、空白隔開包含與被包含。
> 分隔父子、 + 隔開前後、 ~ 也是前後、但"後"不止一個、加上":過濾器"、[屬性]。
過濾器:
:first 第一個
:last 最後一個
:not 非
:even 偶數
:odd 奇數
:eq(n) 第 n個
:gt(n) 第 n個以上
:lt(n) 第 n個以下
:header 選中 h1、h2、h3
:animate 正在進行動畫的
:content(s) 內容包含 s 字串
:empty 無內容者
:parent 有內容者
:has(s) 選擇器 s 者
:hidden 隱藏者(display:none)
:visible 非隱藏者
:enable
:disable
:nth-child(n) 子物件的第 n 個
:first-child 子物件的第一個
:last-child 子物件的最後一個
:only-child 子物件的最後一個
:input 所有 <input>
:text 所有 <input type="text" >
:password 所有 <input type="password " >
:radio 所有 <input type="radio " >
:checkbox 所有 <input type="checkbox " >
:image 所有 <input type="image " >
:reset 所有 <input type="reset " >
:button 所有 <input type="button " >
:file 所有 <input type="file " >
:checked 所有 <input checked > :selected 所有 <input selected >
屬性:
[s] 符合 s 屬性
[s='v'] 符合 s='值' 屬性
[s^='v'] 符合 s='值' v開頭的屬性
[s$='v'] 符合 s='值' v結尾的屬性
[s*='v'] 符合 s='值' 所有含有v 屬性

CSS font-family 設定問題

依據 timdream (提姆‧提拉米蘇) 在 http://disp.cc/b/11-btQ 建議

使用 utf-8 存檔，網頁語系lang需指定: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" >

.css 檔也是utf-8內容如下:

@Charset "UTF-8";

html,body{

font-family: Arial, 'LiHei Pro', 新細明體, sans-serif;

h1,h2,h3{

font-family: Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif;

原本字型名稱有空白是需加上雙引號的，可惜在 IE6 不支援。

Arial,sans-serif 雖然比較醒目，適用於小字、標題。

但是對於增加閱讀舒適，serif vs sans serif 這篇文章說明 Times,serif 有助於文章閱讀。

http://blog.bs2.to/post/EdwardLee/3401

所以在長篇內文，字體不小的情況下，可改為:

@Charset "UTF-8"; 
.goodForReading{font-family: Times, 'LiHei Pro', 新細明體, serif;
}

另一個問題:

'LiHei Pro' 在許多文章介紹中英對照，都是...

儷黑 Pro：LiHei Pro Medium

還是正確是下列這樣? (參考http://zh.wikipedia.org/zh/Mac_OS_X%E5%AD%97%E4%BD%93%E5%88%97%E8%A1%A8)

儷黑Pro：LiHei Pro

另一篇提到，中英文名都應該加上，讓英文環境瀏覽器也能看懂...

http://blog.roodo.com/wolf_totem/archives/4747565.html

這樣變成

@Charset "UTF-8"; 
html,body{
font-family: Arial, 'LiHei Pro', 新細明體, PMingLiU, sans-serif;}h1,h2,h3{
font-family: Arial, 'LiHei Pro', 微軟正黑體, 'Microsoft JhengHei', 新細明體, PMingLiU, sans-serif;}

2011年2月25日星期五

PHP 的陷阱

下列這段程式，原本是要判斷"開頭" 位置，結果剛好 strpos 找不到"#"傳回 false 也等於是 0，因此常常發生誤判。須把$iT==0 改為 $iT===0，也就是型態也須符合。(這是太自由的代價阿)
$iT=strpos($sLine,'#');if($iT==0)continue;

PHP 程式需要轉成 utf-8

PHP 程式需要轉成 utf-8 ，這是個麻煩事，先收集相關資料先:

基本函式
http://api.joomla.org/elementindex_utf8.html

分享MySQL和php採用UTF8的詳細方法
http://phorum.study-area.org/index.php?topic=36484.0

網頁、PHP、資料庫 UTF-8化
http://twpug.net/modules/smartsection/item.php?itemid=43

2011年2月24日星期四

ThunderBird 用 GMail 發 HTML 格式信件

安裝前，先設定好 GMail，開啟 IMAP，關閉 POP3。
IMAP 可以設得更細一些，以節省傳輸量：先開啟研究室 IMAP 這一項，然後到標籤，取消所有 IMAP 的勾 (我只留寄件備份與草稿)。
請參考

http://blog.bobchao.net/2009/12/thunderbird-3-google.html

ThunderBird 3.1
安裝好，輸入 Google 帳號，可以自動設定。
可以進一步設定，以節省硬碟空間：在帳號設定，同步的天數縮小到7天。
請參考
http://plog.longwin.com.tw/my_note/2010/09/14/thunderbird-imap-10-mail-2010

最後是可以編輯 HTML 的插件：
Stationery
EditHtml

可以到此下載：
https://addons.mozilla.org/zh-TW/thunderbird/extensions/
其中 EditHtml 好像太舊了，需要到官網。
而 Stationery 有範本功能，不知道與雷鳥的範本功能有何不同 ?

這邊有些 HTML EMAIL 範本可以參考
http://www.campaignmonitor.com/templates/

DW 文件相對路徑問題

在雷鳥(Thunderbird)可以用外部HTML 檔，插入信中，或是當成簽名檔。
這時候 DW 的相對路徑 (例如<img src="images/picture.jpg") 就惹麻煩了，需改為絕對路徑 file://...，如果有中文還得轉換 Orz，很麻煩的。

還沒找到哪邊可以設定，也許有插件可以辦到吧?
換個角度想，如果那隻鳥聰明一點也行...呵呵!

DW 範本有問題?

範本的可編輯區域 (InstanceBeginEditable)，好像沒有我想像中的自由，裡面需包在 DIV才能編輯，滑鼠才能在設計畫面點選。如果反過來，DIV 內放這"可編輯區"，就會變得怪怪的。印象中，有某些設定是指定可編輯區是 DIV or TABLE，可能與此相關(可能被限定了)。只是在程式碼模式看不出有這樣的限制。

2011年2月19日星期六

PHP 新發現: 變數中的變數

下列變數的變數名如果是矩陣，嘿嘿，第一個echo讓人誤以為存好了，結果第二個echo就打我一巴掌了!! (到底存到哪兒去了，有人知道嗎? )

$varName="var[1]";
$$varName="abc";
echo $$varName;
echo $var[1];

2011年2月18日星期五

Smarty template engine 安裝問題 (PHP 上的樣板引擎)

Smarty 資源
官網

Smarty中文手册,Smarty教程,Smarty模板的入门教材 :中文資料易讀，可惜比較舊。

Smarty 3.0.7 安裝過程
1. 內附的 demo 出現錯誤，官網論壇曾回答:
"The popup_init plugin was removed from the Smarty3 releases, but it's still used in the demo. Remove the corresponding line from header.tpl."
所以 demo 程式還沒更新(可是我看Smart2 的文件也沒popup_init 指令，可能很久沒更新此檔)，需刪除出問題的 tpl 的第三列才能順利執行。

2011.10.09
原來 W3C 已經有這類的標準，CS4 也有支援，看來該用 XSLT 比較好吧?

2011年2月28日 星期一

2011年2月25日 星期五

2011年2月24日 星期四

2011年2月19日 星期六

2011年2月18日 星期五

2011年2月28日星期一

2011年2月25日星期五

2011年2月24日星期四

2011年2月19日星期六

2011年2月18日星期五