//JQuery Object To DOM Element
$(selector).get(0)
or
$(selector)[0]
//DOM Element To JQuery Object
$(DOM)
2012年7月12日 星期四
2012年7月6日 星期五
PureMVC實作二
終於抽出時間來寫PureMVC實做二了。
在PureMVC實做一中，我們做好了基礎架構，現在要替基礎架構做整修並要開始寫入程式碼。
一般專案開始都會先有Layout，我們也不例外，我們要的測試Layout如下：
在PureMVC實做一中，我們做好了基礎架構，現在要替基礎架構做整修並要開始寫入程式碼。
一般專案開始都會先有Layout，我們也不例外，我們要的測試Layout如下：
2012年6月15日 星期五
JQuery cookie wirte and rade
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>cookie操作測試</title>
<meta name="description" content="" />
<meta name="author" content="小J、小花" />
<script src="./lib/jquery-1.7.2.min.js"></script>
<script src="./lib/jquery.cookie.js"></script>
<style>
li{
list-style: none;
font-size: 14px;
}
</style>
<script>
//cookie是以key value存在瀏覽器上，
//每個cookie最大4k，
//以存文字存在瀏覽器中，
//每個瀏覽器所能使用最大數量不同，IE8更新後可支援到50
//因為cookie是以存文字保存資料，因此：
//若是複雜物件型態資料想存進cookie中，就必須將物件序列化成某種字串模式，而JSON就是一種不錯的選擇。
//此處以JSON為範例
JQuery & ASP.NET Ajax測試
JavaScript Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AJAX Remote Test</title>
<meta name="description" content="" />
<meta name="author" content="小J" />
<script src="./lib/jquery-1.7.2.min.js"></script>
<script>
jQuery.support.cors = true;
$(document).ready(function(){
$("#callBtn").click(function (event) {
helloWorld();
});
$('#showDataBtn').click(function (event){
alert(getData());
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AJAX Remote Test</title>
<meta name="description" content="" />
<meta name="author" content="小J" />
<script src="./lib/jquery-1.7.2.min.js"></script>
<script>
jQuery.support.cors = true;
$(document).ready(function(){
$("#callBtn").click(function (event) {
helloWorld();
});
$('#showDataBtn').click(function (event){
alert(getData());
});
});
2012年6月8日 星期五
PureMVC實作一
本篇將準備好所有PureMVC基本運作所需架構
Step1. create package 結構：
PureMVC_Demo
|
-src
| - default package
| |--PureMVC_Demo.mxml (應用起始頁面)
| - main
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| - module
| | -- Page1.mxml (Flex module)
| | -- Page2.mxml (Flex module)
|
| - page1
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| - page2
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
| - libs
| |-- PureMVC_AS3_MultiCore_1_0_5.swc (pureMVC框架放這)
Step1. create package 結構：
PureMVC_Demo
|
-src
| - default package
| - main
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| | -- Page1.mxml (Flex module)
| | -- Page2.mxml (Flex module)
|
| - page1
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
|
| - page2
| |-- command
| |-- facade
| |-- mediator
| |-- mode
| |-- proxy
| |-- view
| - libs
| |-- PureMVC_AS3_MultiCore_1_0_5.swc (pureMVC框架放這)
2012年4月10日 星期二
2012年4月5日 星期四
Actionscript3 and JavaScript 的 for . in
測試環境：
OS:windows7
IDE:flashBuider 4.6
Flex SDK: 4.6.0
ActionScript3的for ... in
特性：
範例程式碼：
//建立一個陣列，內含三個元素
private var array:Array = ["one" , "two" , "three"];
//建立一個物件,內有三個屬性name , age , gender.
private var object:Object = {name:"小米" , age:"20" , gender:"男"};
protected function applicationCompleteHandler(event:FlexEvent):void
{
testArray();
trace("----------------------------");
testObject();
}
protected function testArray():void
{
//注意這裡取回的值會是字串型態
for (var index:String in array)
{
trace(index);
}
}
protected function testObject():void
{
for(var key:String in object)
{
trace(key);
}
}
OS:windows7
IDE:flashBuider 4.6
Flex SDK: 4.6.0
ActionScript3的for ... in
特性：
- 對Array會取回index。
- 對Object取回key(即屬性名稱)。
範例程式碼：
//建立一個陣列，內含三個元素
private var array:Array = ["one" , "two" , "three"];
//建立一個物件,內有三個屬性name , age , gender.
private var object:Object = {name:"小米" , age:"20" , gender:"男"};
protected function applicationCompleteHandler(event:FlexEvent):void
{
testArray();
trace("----------------------------");
testObject();
}
protected function testArray():void
{
//注意這裡取回的值會是字串型態
for (var index:String in array)
{
trace(index);
}
}
protected function testObject():void
{
for(var key:String in object)
{
trace(key);
}
}
訂閱：
文章 (Atom)