11月 29, 2007

inline和block

Block Element:< div >、< table >、< ol >、< ul >...etc
Inline Element:、< a >、< input >...etc更多可參考
http://big5.ce.cn/gate/big5/blog.ce.cn/html/28/106828-14009.html


Inline特點是和其他元素在同一行顯示,而且height、padding、margin不得改變,寬度是內文或圖片的寬度也不可自行設定ex,block則完全相反,特點為從新的一行開始且width、height、padding、margin都可自行設定。可用display:block或display:inline的CSS屬性把inline元素切換為有block Element的性質,反之亦然。

11月 07, 2007

AS3 to JPG

今天在邦邦milkmidi看到webcam to JPG的文章蠻有意思的,所以做了一個文字框轉JPG的練習。

DEMO

流程
把文字框畫在Bitmapdata→用JPGEncoder 把bitmapdata編碼為JPG格式→丟到ByteArray→用uploadFile()上傳到後端並產生實體檔案
JPGEncoder和uploadFile的部份是外國強者開發的,所以我們只要懷著感恩的心引用函式即可~
JPEGEncoder 可參考以下網址:
http://marstonstudio.com/index.php/2007/08/19/how-to-take-a-snapshot-of-a-flash-movie-and-automatically-upload-the-jpg-to-a-server-in-three-easy-steps/

http://code.google.com/p/as3corelib/
uploadFile()可參考以下網址:
http://www.jooce.com/blog/?p=143
http://www.jooce.com/blog/wp-content/uploads/2007/06/uploadFile.txt
Code如下:
bytearrayToFile.mxml


























$uploadfile = $uploaddir . basename($_FILES['Filedata']['name']);
$temploadfile = $_FILES['Filedata']['tmp_name'];
move_uploaded_file($temploadfile , $uploadfile); ?>

11月 06, 2007

Jquery入門集錦

Jquery也不錯喔!以下是最近看到的入門教學
Jquery TutorialsJquery網站提供的的Tutorialhttp://docs.jquery.com/Tutorials:How_jQuery_Works
Jquery Tutorials(簡中)熱心的對岸同胞把Tutorial翻成中文http://www.k99k.com/jQuery_getting_started.html
飛翔部落-Jquery基本介紹http://blog.pixnet.net/shian0745/post/7115793
飛翔部落-Jquery Core 筆記http://blog.pixnet.net/shian0745/post/7457977
飛翔部落-Jquery Selectors 筆記http://blog.pixnet.net/shian0745/post/8502341
飛翔部落-Jquery Attributes 筆記http://blog.pixnet.net/shian0745/post/8718699
飛翔部落-Jquery 和Prototype一起使用http://blog.pixnet.net/shian0745/post/8767748