2013
Nov
23

Html 中的 Form 表單,會很普遍的使用 Radio , Checkbox,但是當 User 選擇其中幾個選項後,我該如何用 Javascript 去取得該數值呢?Radio 單選資料處理假設我有...

2013
Nov
08

YUI 3 有一個 Module 叫做 Panel ,可以用來製作燈箱效果、警告視窗等等功能。Panel 的實際長像如下,這是一個寬 300, 高 200 的 Panel YUI().use("panel", f...

2013
May
18

YUI 3 還沒有物件旋轉的功能,最近因為需要用到旋轉的功能,所以我使用 CSS 3 transform 做一個 YUI 3 Rotate Plugin。第一步是先寫一個 transform 相關的物件...

2013
Apr
17

YUI 3 中有一個最基本的 Module 叫 Attribute,主要功能是存取變數值,例如我想要設定一個變數,那我可以使用 Y.Attribute 的功能,建立一個 Attribute Object,...

2013
Mar
09

YUI3 Instance一開始使用 YUI ,除了要先載入 yui-min.js 這支 JS 之外,還要建立 YUI Instance 這個物件,建立方式 「YUI()」,執行這個 function 會建立一個獨...

2013
Feb
20

YUI3 yogi

Tags:

YUI3 yogiyogi 是 Yahoo! YUI 團隊開發的一個簡易上傳 YUI Module 的程式,使用 yogi 可以透過 command line 快速將程式碼上傳到 YUI gallery。安裝方式 先去 gi...

2012
Dec
23

YUI Widget 是一個包含 html+css+js 三個部分組成的小工具,咦這好像是廢話,網頁的制作,本來就是這三個基本語言組成,似乎 YUI 又多過了一手,建立 html前面有...

2012
Dec
05

YUI 的檔案上傳,必需 require uploader 這個 module,也就是使用 YUI().use('uploader'),這個 module 有提供「單一檔案選擇」、「多個檔案選擇」、「...

2012
Jan
10

YUI Input Slider 是一個可以使用滑鼠拖拉,來改變數值的功能,像是輸入年齡、身高、體重等等,這個方式就還蠻好用的,而且 YUI Slider 的使用方式很簡單,短短...

2012
Jan
10

Ajax 這麼火紅,當然 YUI 是一定有支援 Ajax 功能的啦,而且還支援用 Flash Crossdomain 的方式跨網域,不過跨網域一定要在對方的伺服器上,加上 crossdomain....

2012
Jan
09

YUI 本身就有設計了一些基本的樣式,並寫在 CSS file 裡,預設的 skin 名稱 「sam」,只要你設定好要使用的 skin ,接著YUI輸出的何任 ui 介面都會有相對應的樣...

2011
Dec
23

前言: Node Plugin這篇本章會介紹如何製作 YUI Plugin ,使用 YUI Plugin ,Plugin 到底是什麼呢? 相信這個字眼大家都很常見,Plugin就是外掛,在YUI3 中,他可以...

2011
Dec
19

事件處理 ,Event Binding這篇文章將介紹如何綁定事件,觸發事件,禁止瀏覽器的預設事件,以及刪除事件的語法。假設 node 代表 html tag object, eventHandle 代...

2011
Dec
13

YUI 的遠征學Javascript到現在,算一算也快7年了,當然這裡七年中也包含大學混過去的四年 XD , 從最基本的Javscript 沒有 framework 開始學,雖然當時碰到跨瀏覽...