Submit Search
Upload
YUI Library Workshop (Yahoo! Course at NCU)
•
0 likes
•
1,720 views
Joseph Chiang
Follow
2008/10/5 在中央大學介紹 YUI 使用者函式庫 Part 1.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 107
Download now
Download to read offline
Recommended
Prise en charge à domicile des cas de fièvre par la chloroquine au début du 2...
Prise en charge à domicile des cas de fièvre par la chloroquine au début du 2...
Institut Pasteur de Madagascar
Curs Digital Forensics
Curs Digital Forensics
Agora Group
Temas oftalmologia
Temas oftalmologia
Katy Marlen Gongora Ontiveros
Inventory adjusment
Inventory adjusment
b3randal
Neumologia Cto 7
Neumologia Cto 7
Swaminathan Kaushik
Ttpgs17615
Ttpgs17615
Avinash kumar Singh
Фрагменты Perl 6 в Perl 5.10
Фрагменты Perl 6 в Perl 5.10
Andrew Shitov
السلوك الحيواني
السلوك الحيواني
Sabri Saqlab
Recommended
Prise en charge à domicile des cas de fièvre par la chloroquine au début du 2...
Prise en charge à domicile des cas de fièvre par la chloroquine au début du 2...
Institut Pasteur de Madagascar
Curs Digital Forensics
Curs Digital Forensics
Agora Group
Temas oftalmologia
Temas oftalmologia
Katy Marlen Gongora Ontiveros
Inventory adjusment
Inventory adjusment
b3randal
Neumologia Cto 7
Neumologia Cto 7
Swaminathan Kaushik
Ttpgs17615
Ttpgs17615
Avinash kumar Singh
Фрагменты Perl 6 в Perl 5.10
Фрагменты Perl 6 в Perl 5.10
Andrew Shitov
السلوك الحيواني
السلوك الحيواني
Sabri Saqlab
Atext
Atext
drelopez
Exemples de facteurs génétiques humains associés à une résistance contre le p...
Exemples de facteurs génétiques humains associés à une résistance contre le p...
Institut Pasteur de Madagascar
Exercicio
Exercicio
morilane
GDC旅行記2013
GDC旅行記2013
Toshifumi Nakabayashi
기획자는 무엇을 하는 사람일까?
기획자는 무엇을 하는 사람일까?
GOODgle :)
المنطقة الحدودية العازلة تونس
المنطقة الحدودية العازلة تونس
Présidence du gouvernement tunisien - Alkasbah
기획에서 요구사항이 중요한 이유
기획에서 요구사항이 중요한 이유
GOODgle :)
Master3
Master3
akyarddt
Bank Productivity seminar ver 03
Bank Productivity seminar ver 03
Reza Seifollahy
Lista comentada de los peces continentales argentinos
Lista comentada de los peces continentales argentinos
Anibal Ruben Reyes
Wayne victory garden 2
Wayne victory garden 2
Jason Moussab
New holland vl570 grape harvester service repair manual
New holland vl570 grape harvester service repair manual
fjjskksekmemm
Genetica cto 7
Genetica cto 7
david alarcon estrada
Ação Civil Pública: Viação ouro e prata
Ação Civil Pública: Viação ouro e prata
Ministério Público de Santa Catarina
당신이 9시부터 6시까지 근무해야 하는 이유
당신이 9시부터 6시까지 근무해야 하는 이유
zdnet_goodgle
Portugal 3 anos
Portugal 3 anos
Sinapsa
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
Let's Redux!
Let's Redux!
Joseph Chiang
Automatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabs
Joseph Chiang
From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)
Joseph Chiang
JavaScript Promise
JavaScript Promise
Joseph Chiang
F2E for Enterprise
F2E for Enterprise
Joseph Chiang
More Related Content
What's hot
Atext
Atext
drelopez
Exemples de facteurs génétiques humains associés à une résistance contre le p...
Exemples de facteurs génétiques humains associés à une résistance contre le p...
Institut Pasteur de Madagascar
Exercicio
Exercicio
morilane
GDC旅行記2013
GDC旅行記2013
Toshifumi Nakabayashi
기획자는 무엇을 하는 사람일까?
기획자는 무엇을 하는 사람일까?
GOODgle :)
المنطقة الحدودية العازلة تونس
المنطقة الحدودية العازلة تونس
Présidence du gouvernement tunisien - Alkasbah
기획에서 요구사항이 중요한 이유
기획에서 요구사항이 중요한 이유
GOODgle :)
Master3
Master3
akyarddt
Bank Productivity seminar ver 03
Bank Productivity seminar ver 03
Reza Seifollahy
Lista comentada de los peces continentales argentinos
Lista comentada de los peces continentales argentinos
Anibal Ruben Reyes
Wayne victory garden 2
Wayne victory garden 2
Jason Moussab
New holland vl570 grape harvester service repair manual
New holland vl570 grape harvester service repair manual
fjjskksekmemm
Genetica cto 7
Genetica cto 7
david alarcon estrada
Ação Civil Pública: Viação ouro e prata
Ação Civil Pública: Viação ouro e prata
Ministério Público de Santa Catarina
당신이 9시부터 6시까지 근무해야 하는 이유
당신이 9시부터 6시까지 근무해야 하는 이유
zdnet_goodgle
Portugal 3 anos
Portugal 3 anos
Sinapsa
What's hot
(16)
Atext
Atext
Exemples de facteurs génétiques humains associés à une résistance contre le p...
Exemples de facteurs génétiques humains associés à une résistance contre le p...
Exercicio
Exercicio
GDC旅行記2013
GDC旅行記2013
기획자는 무엇을 하는 사람일까?
기획자는 무엇을 하는 사람일까?
المنطقة الحدودية العازلة تونس
المنطقة الحدودية العازلة تونس
기획에서 요구사항이 중요한 이유
기획에서 요구사항이 중요한 이유
Master3
Master3
Bank Productivity seminar ver 03
Bank Productivity seminar ver 03
Lista comentada de los peces continentales argentinos
Lista comentada de los peces continentales argentinos
Wayne victory garden 2
Wayne victory garden 2
New holland vl570 grape harvester service repair manual
New holland vl570 grape harvester service repair manual
Genetica cto 7
Genetica cto 7
Ação Civil Pública: Viação ouro e prata
Ação Civil Pública: Viação ouro e prata
당신이 9시부터 6시까지 근무해야 하는 이유
당신이 9시부터 6시까지 근무해야 하는 이유
Portugal 3 anos
Portugal 3 anos
More from Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
Let's Redux!
Let's Redux!
Joseph Chiang
Automatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabs
Joseph Chiang
From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)
Joseph Chiang
JavaScript Promise
JavaScript Promise
Joseph Chiang
F2E for Enterprise
F2E for Enterprise
Joseph Chiang
JavaScript Code Quality
JavaScript Code Quality
Joseph Chiang
F2E, the Keystone
F2E, the Keystone
Joseph Chiang
前端的未來 - 前端工程實務訓練
前端的未來 - 前端工程實務訓練
Joseph Chiang
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Joseph Chiang
Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Joseph Chiang
Javascript 入門 - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練
Joseph Chiang
Node.js 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練
Joseph Chiang
前端工程開發實務訓練
前端工程開發實務訓練
Joseph Chiang
YUI 教學 - 前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練
Joseph Chiang
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
Joseph Chiang
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
Joseph Chiang
YUI is Sexy (for JSDC.tw)
YUI is Sexy (for JSDC.tw)
Joseph Chiang
YUI is Sexy - 使用 YUI 作為開發基礎
YUI is Sexy - 使用 YUI 作為開發基礎
Joseph Chiang
More from Joseph Chiang
(20)
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Let's Redux!
Let's Redux!
Automatic Functional Testing with Selenium and SauceLabs
Automatic Functional Testing with Selenium and SauceLabs
From Hacker to Programmer (w/ Webpack, Babel and React)
From Hacker to Programmer (w/ Webpack, Babel and React)
JavaScript Promise
JavaScript Promise
F2E for Enterprise
F2E for Enterprise
JavaScript Code Quality
JavaScript Code Quality
F2E, the Keystone
F2E, the Keystone
前端的未來 - 前端工程實務訓練
前端的未來 - 前端工程實務訓練
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練
Javascript 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練
Node.js 入門 - 前端工程開發實務訓練
前端工程開發實務訓練
前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練
YUI 教學 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
YUI is Sexy (for JSDC.tw)
YUI is Sexy (for JSDC.tw)
YUI is Sexy - 使用 YUI 作為開發基礎
YUI is Sexy - 使用 YUI 作為開發基礎
YUI Library Workshop (Yahoo! Course at NCU)
1.
YUI Workshop
@ncu October 6, 2008
2.
http://josephj.com/entry.php?id=61
3.
YUI
http://josephj.com/entry.php?id=61
4.
- -
5.
What’s New in
2.5.0 - -
6.
7.
•
8.
• •
9.
• • •
10.
• • • •
11.
• • • • •
12.
• • • • •
13.
• • • • •
14.
• • • • •
15.
• • • • •
16.
• • • • •
17.
• • • • •
18.
• • • • •
19.
• • • • •
20.
- -
21.
Getting Start
- -
22.
23.
•
24.
•
25.
• •
26.
• •
27.
- -
28.
- -
29.
- -
30.
<!DOCTYPE HTML PUBLIC
quot;-// W3C//DTD HTML 4.01//ENquot; quot;http://www.w3.org/TR/html4/ strict.dtdquot;> - -
31.
<!DOCTYPE HTML PUBLIC
quot;-// W3C//DTD HTML 4.01//ENquot; quot;http://www.w3.org/TR/html4/ strict.dtdquot;> • - -
32.
<!DOCTYPE HTML PUBLIC
quot;-// W3C//DTD HTML 4.01//ENquot; quot;http://www.w3.org/TR/html4/ strict.dtdquot;> • – - -
33.
<!DOCTYPE HTML PUBLIC
quot;-// W3C//DTD HTML 4.01//ENquot; quot;http://www.w3.org/TR/html4/ strict.dtdquot;> • – – - -
34.
- -
35.
- -
36.
- -
37.
38.
•
39.
• •
40.
• •
–
41.
• •
– –
42.
• •
– – –
43.
• •
– – – •
44.
• •
– – – •
45.
• •
– – – •
46.
• •
– – – •
47.
• •
– – – •
48.
- -
49.
- -
50.
YAHOO.util.Connect YAHOO.util.DataSource YAHOO.util.Resize YAHOO.widget.DataTable YAHOO.widget.Uploader YAHOO.widget.ImageCropper
- -
51.
52.
•
53.
•
–
54.
•
– –
55.
•
– – •
56.
•
– – • •
57.
YAHOO.util.Connect YAHOO.util.DataSource YAHOO.util.Resize YAHOO.widget.Uploader YAHOO.widget.DataTable YAHOO.widget.ImageCropper
- -
58.
- -
59.
- -
60.
YAHOO.util.Event.on(
formEl, ‘submit’, onFormSubmit ); - -
61.
62.
•
63.
•
–
64.
•
– •
65.
•
– • • YAHOO.util.Event.addListener( document, ‘click’, onDocumentClick);
66.
•
– • • YAHOO.util.Event.addListener( document, ‘click’, onDocumentClick); • addListener = on
67.
•
– • • YAHOO.util.Event.addListener( document, ‘click’, onDocumentClick); • addListener = on •
68.
YAHOO.util.Event.on(
formEl, ‘submit’, onFormSubmit );
69.
YAHOO.util.Event.on(
formEl, ‘submit’, onFormSubmit );
70.
YAHOO.util.Event.on(
formEl, ‘submit’, onFormSubmit );
71.
YAHOO.util.Event.on(
formEl, ‘submit’, onFormSubmit );
72.
73.
74.
75.
var YUD =
YAHOO.util.Dom; var linkEl = YUD.get(‘mylink’); var listItems = YUD.getElementsByClassName (‘list-item’, ‘li’); - -
76.
77.
•
78.
•
–
79.
•
– –
80.
•
– – –
81.
•
– – – •
82.
•
– – – • –
83.
•
– – – • – –
84.
•
– – – • – –
85.
var YUD =
YAHOO.util.Dom; var linkEl = YUD.get(‘mylink’); var listItems = YUD.getElementsByClassName (‘list-item’, ‘li’);
86.
var YUD =
YAHOO.util.Dom; var linkEl = YUD.get(‘mylink’); var listItems = YUD.getElementsByClassName (‘list-item’, ‘li’);
87.
var YUD =
YAHOO.util.Dom; var linkEl = YUD.get(‘mylink’); var listItems = YUD.getElementsByClassName (‘list-item’, ‘li’);
88.
var YUD =
YAHOO.util.Dom; var linkEl = YUD.get(‘mylink’); var listItems = YUD.getElementsByClassName (‘list-item’, ‘li’);
89.
90.
91.
var YUE =
YAHOO.util.Event; YUE.on(linkEl,‘click’, function(e){ // });
92.
93.
•
94.
•
95.
• •
96.
• • •
97.
var YUE =
YAHOO.util.Event; YUE.on(linkEl,‘click’, function(e){ // }); - -
98.
99.
100.
101.
102.
•
103.
• •
104.
• •
105.
• •
106.
• •
Download now