ajax跟蹤文件上傳進度條
(文件來源 http://www.ibm.com/developerworks/cn/opensource/os-php-v525/index.html)
2007 年 6 月 08 日
PHP V5.2 為開發人員添加了 hook 以利用實時跟蹤文件上傳進度的功能。本文是 系列文章(共五部分)的第 5 部分,將向您展示如何監視文件上傳並相應地編寫代碼,以及如何創建 PHP 進度條。
一堆 width / height
(引用 https://blog.ericsk.org/archives/776#more-776)
記錄一下,以後可以方便自己查詢。
在寫 JavaScript 時最煩的就是計算畫面或是頁面的大小,但是每家瀏覽器提供的內容都不太一樣,所以我就針對幾個瀏覽器(IE, Firefox, Safari, Opera)共同支援的 attr 來寫個簡單的 cheat sheet:
利用 jQuery 及 Firebug 來 debug web
(引用 https://blog.ericsk.org/archives/790)
如同原文中的回應一樣,原作者實在太聰明了。
相信常在作 Web 開發的人常常會很苦惱 debug 這件事,尤其是用了一堆 ajax 後更是不容易,雖然用「泛mozilla瀏覽器」可以裝 firebug 這個外掛來減輕一些負擔,但還是要自己去 firebug 的 console 及 DOM inspector 裡翻需要看的東西。
[AJAX] 微妙的時間差
(引用 https://blog.ericsk.org/archives/800)
Nice IE!Nice Firefox!
Nice IE
最近在寫一些會用到 AJAX 的網頁,目前使用的 JavaScript framework 是 jQuery,於是乎,會有類似這樣(方便舉例而寫)的 code:
<a href="#" onclick="$('#content').load('/url/for/XXX');">Load XXX</a> <div id="content"></div>
<p>
而 <code>/url/for/XXX</code> 這個頁面有引入一個 <code>XXX.js</code> 檔案,為了在 <code>/usr/for/XXX</code> 全部讀進 <code>div#content</code> 後作一些 event handling 的 initialization,所以我在 <code>XXX.js</code> 裡有這麼一段:
</p>
<p class="hl-surround">
<p class="hl-main">
<pre><span class="hl-reserved">function </span><span class="hl-identifier">XXX_init</span><span class="hl-brackets">(</span><span class="hl-identifier">e</span><span class="hl-brackets">) {
// 作一些 initializations.. }
使用Js來讓IE支援png圖片透明效果
var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1])
function fixPNG(myImage) { if ((version >= 5.5) && (version < 7) && (document.body.filters)) { var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "" var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "" var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' " var imgStyle = "display:inline-block;" + myImage.style.cssText var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>" myImage.outerHTML = strNewHTML } }
使用方法 :
javascript正則表達式中用於replace
正則表達式我經常用,但是用的都是最基礎的,基本上都是用於驗證一個字符串的合理性。例如:
var m=”12345″;
var n=/^\d+$/;
if(n.test(m)) alert(‘ok’);
PHP MySQL Tips
Continuing from my earlier post on PHP performance, I thought I’d share a few Mysql tips that I’ve learnt over the years. Hope it helps someone and please leave a comment with your own tips or provide any corrections to the ones mentioned.
Word searching
SELECT * FROM TABLE WHERE MATCH (`field`) AGAINST ('Keyword')
(Fastest)
IE中打開UTF-8編碼title為中文的網頁會顯示空白頁的問題
(忘了引用來源)
很久很久以前(大概2005年10月 ~2006年3月),當時在blogger.com寫Blog。當時blogger.com有中文界面,對中文用戶也算是比較關心了,不過 blogger.com的所有模版裡都有一個問題,那就是
注音 漢語拼音 preg_split 正規劃切割
$Hupinyin = array(
‘ㄅ’=>’b’,’ㄆ’=>’p’,’ㄇ’=>’m’,’ㄈ’=>’f’
,’ㄉ’=>’d’,’ㄊ’=>’t’,’ㄋ’=>’n’,’ㄌ’=>’l’
,’ㄍ’=>’g’,’ㄎ’=>’k’,’ㄏ’=>’h’
,’ㄐ’=>’j’,’ㄑ’=>’q’,’ㄒ’=>’x’
,’ㄓ’=>’zh’,’ㄔ’=>’ch’,’ㄕ’=>’sh’,’ㄖ’=>’r’
,’ㄗ’=>’z’,’ㄘ’=>’c’,’ㄙ’=>’s’
,’ㄚ’=>’a’,’ㄛ’=>’o’,’ㄜ’=>’e’,’ㄝ’=>’e’
,’ㄞ’=>’ai’,’ㄟ’=>’ei’,’ㄠ’=>’ao’,’ㄡ’=>’ou’
,’ㄢ’=>’an’,’ㄣ’=>’en’,’ㄤ’=>’ang’,’ㄥ’=>’eng’
,’ㄦ’=>’er’
,’ㄧ’=>’i’,’ㄨ’=>’u’,’ㄩ’=>’u’
);
$word = “ㄢ”;
foreach ($Hupinyin as $k => $v) {
if ($k == $word){
echo “$word = $v
\n”;
}
}