update YUI to 2.8.0r4
This commit is contained in:
Graham Knop
parent
27f474ec64
commit
2d28e0c0ba
2007 changed files with 344487 additions and 210070 deletions
26
www/extras/yui/examples/json/assets/data.php
Normal file
26
www/extras/yui/examples/json/assets/data.php
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<?php
|
||||
|
||||
/* yadl_spaceid - Skip Stamping */
|
||||
|
||||
$inventory = array(
|
||||
array("SKU"=>"23-23874", "Price"=>23.99, "Item"=>"Helmet"),
|
||||
array("SKU"=>"48-38835", "Price"=>14.97, "Item"=>"Football"),
|
||||
array("SKU"=>"84-84848", "Price"=>3.49, "Item"=>"Goggles"),
|
||||
array("SKU"=>"84-84843", "Price"=>183.00, "Item"=>"Badminton Set"),
|
||||
array("SKU"=>"84-39321", "Price"=>6.79, "Item"=>"Tennis Balls"),
|
||||
array("SKU"=>"39-48949", "Price"=>618.00, "Item"=>"Snowboard"),
|
||||
array("SKU"=>"99-28128", "Price"=>78.99, "Item"=>"Cleats"),
|
||||
array("SKU"=>"83-48281", "Price"=>4.69, "Item"=>"Volleyball"),
|
||||
array("SKU"=>"89-32811", "Price"=>0.59, "Item"=>"Sweatband"),
|
||||
array("SKU"=>"28-22847", "Price"=>779.98, "Item"=>"Golf Set"),
|
||||
array("SKU"=>"38-38281", "Price"=>8.25, "Item"=>"Basketball Shorts"),
|
||||
array("SKU"=>"82-38333", "Price"=>1.39, "Item"=>"Lip balm"),
|
||||
array("SKU"=>"21-38485", "Price"=>0.07, "Item"=>"Ping Pong ball"),
|
||||
array("SKU"=>"83-38285", "Price"=>3.99, "Item"=>"Hockey Puck")
|
||||
);
|
||||
|
||||
header("Content-Type: application/json");
|
||||
//header("Content-Type: text/plain");
|
||||
echo json_encode($inventory);
|
||||
|
||||
?>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,8 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>JSON with Connection Manager</title>
|
||||
|
||||
|
|
@ -28,7 +30,7 @@ body {
|
|||
|
||||
</head>
|
||||
|
||||
<body class=" yui-skin-sam">
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
|
||||
<h1>JSON with Connection Manager</h1>
|
||||
|
|
|
|||
582
www/extras/yui/examples/json/json_convert_values.html
Normal file
582
www/extras/yui/examples/json/json_convert_values.html
Normal file
File diff suppressed because one or more lines are too long
236
www/extras/yui/examples/json/json_convert_values_clean.html
Normal file
236
www/extras/yui/examples/json/json_convert_values_clean.html
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Adding new object members during parsing</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/connection/connection-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/json/json-min.js"></script>
|
||||
|
||||
|
||||
<!--begin custom header content for this example-->
|
||||
<style type="text/css">
|
||||
#demo table {
|
||||
border: 3px solid #89d;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
#demo caption {
|
||||
margin: 3px 0;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin: 1em 0 1ex;
|
||||
}
|
||||
#demo table th {
|
||||
background: #89d;
|
||||
color: #fff;
|
||||
padding: 1ex 1em;
|
||||
}
|
||||
#demo table td {
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
padding: .5ex 1ex;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--end custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
|
||||
<h1>Adding new object members during parsing</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to use the <code>reviver</code> parameter in <code>JSON.parse</code> to add new object members and format existing members during the parsing phase.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<div id="demo">
|
||||
<p>Choose a currency, then get the data</p>
|
||||
<select id="currencies">
|
||||
<option value="ARS">Argentine Peso</option>
|
||||
<option value="AUD">Australian Dollar</option>
|
||||
<option value="BRL">Brazilian Real</option>
|
||||
<option value="GBP">British Pound</option>
|
||||
<option value="CAD">Canadian Dollar</option>
|
||||
<option value="CNY">Chinese Yuan</option>
|
||||
<option value="COP">Colombian Peso</option>
|
||||
<option value="HRK">Croatian Kuna</option>
|
||||
<option value="CZK">Czech Koruna</option>
|
||||
<option value="DKK">Danish Krone</option>
|
||||
<option value="EEK">Estonian Kroon</option>
|
||||
<option value="EUR">Euro</option>
|
||||
<option value="HKD">Hong Kong Dollar</option>
|
||||
<option value="HUF">Hungarian Forint</option>
|
||||
<option value="ISK">Iceland Krona</option>
|
||||
<option value="INR">Indian Rupee</option>
|
||||
<option value="JPY">Japanese Yen</option>
|
||||
<option value="KRW">Korean Won</option>
|
||||
<option value="LVL">Latvian Lat</option>
|
||||
<option value="LTL">Lithuanian Lita</option>
|
||||
<option value="MYR">Malaysian Ringgit</option>
|
||||
<option value="MXN">Mexican Peso</option>
|
||||
<option value="NZD">New Zealand Dollar</option>
|
||||
<option value="NOK">Norwegian Krone</option>
|
||||
<option value="PHP">Philippine Peso</option>
|
||||
<option value="PLN">Polish Zloty</option>
|
||||
<option value="RUB">Russian Rouble</option>
|
||||
<option value="SGD">Singapore Dollar</option>
|
||||
<option value="SKK">Slovak Koruna</option>
|
||||
<option value="ZAR">South African Rand</option>
|
||||
<option value="LKR">Sri Lanka Rupee</option>
|
||||
<option value="SEK">Swedish Krona</option>
|
||||
<option value="TRY">Turkey Lira</option>
|
||||
<option value="USD" selected="selected">U.S. Dollar</option>
|
||||
<option value="CHF">Swiss Franc</option>
|
||||
<option value="TWD">Taiwan Dollar</option>
|
||||
<option value="THB">Thai Baht</option>
|
||||
</select>
|
||||
<input type="button" id="demo_go" value="Get Data">
|
||||
|
||||
<table cellspacing="0">
|
||||
<caption>Inventory</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>SKU</th>
|
||||
<th>Item</th>
|
||||
<th>Price (USD)</th>
|
||||
<th>Price (<span>USD</span>)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td colspan="4">Click <em>Get Data</em></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
YAHOO.util.Event.onDOMReady(function () {
|
||||
|
||||
// Set up some shortcuts
|
||||
var JSON = YAHOO.lang.JSON,
|
||||
Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event,
|
||||
Demo;
|
||||
|
||||
// To avoid a Safari issue with JSON reviver adding properties
|
||||
JSON.useNativeParse = false;
|
||||
|
||||
Demo = YAHOO.namespace('demo').JSONReviver = {
|
||||
rates : {"USD":1,"EUR":0.6661,"GBP":0.5207,"AUD":1.1225,"BRL":1.609,"NZD":1.4198,"CAD":1.0667,"CHF":1.0792,"CNY":6.8587 ,"DKK":4.9702,"HKD":7.8064,"INR":42.0168,"JPY":109.8901,"KRW":1000,"LKR":107.5269,"MXN":10.1317,"MYR" :3.3167,"NOK":5.3277,"SEK":6.2617,"SGD":1.4073,"THB":33.7838,"TWD":31.1526,"VEF":2.1445,"ZAR":7.6923 ,"BGN":1.3028,"CZK":16.0514,"EEK":10.4275,"HUF":158.7302,"LTL":2.2999,"LVL":0.4692,"PLN":2.1758,"RON" :2.3804,"SKK":20.2429,"ISK":4.8008,"HRK":81.3008,"RUB":24.3309,"TRY":1.1811,"PHP":44.2478,"COP":2000 ,"ARS":3.1289},
|
||||
|
||||
currency : 'USD',
|
||||
|
||||
formatCurrency : function (amt) {
|
||||
amt += amt % 1 ? "0" : ".00";
|
||||
return amt.substr(0,amt.indexOf('.')+3);
|
||||
},
|
||||
|
||||
convert : function (k,v) {
|
||||
// 'this' will refer to the object containing the key:value pair,
|
||||
// so this will add a new object member while leaving the original
|
||||
// in tact (but formatted to two decimal places). If the original
|
||||
// is not needed, just return the converted value.
|
||||
if (k === 'Price') {
|
||||
var x = Math.round(v * Demo.rates[Demo.currency] * 100) / 100;
|
||||
this.convertedPrice = Demo.formatCurrency(x); // added to item
|
||||
return Demo.formatCurrency(v); // assigned to item.Price
|
||||
}
|
||||
return v;
|
||||
},
|
||||
|
||||
updateTable : function (inventory) {
|
||||
var demo = Dom.get('demo'),
|
||||
tbl = demo.getElementsByTagName('table')[0],
|
||||
tbody = tbl.getElementsByTagName('tbody')[0],
|
||||
col_header = tbl.getElementsByTagName('span')[0],
|
||||
tmp = document.createElement('div'),
|
||||
html = ["<table><tbody>"],i,j = 1,l,item;
|
||||
|
||||
// Update the column header
|
||||
col_header.innerHTML = Demo.currency;
|
||||
|
||||
if (inventory) {
|
||||
for (i = 0, l = inventory.length; i < l; ++i) {
|
||||
item = inventory[i];
|
||||
html[j++] = '<tr><td>';
|
||||
html[j++] = item.SKU;
|
||||
html[j++] = '</td><td>';
|
||||
html[j++] = item.Item;
|
||||
html[j++] = '</td><td>';
|
||||
html[j++] = item.Price;
|
||||
html[j++] = '</td><td>';
|
||||
html[j++] = item.convertedPrice;
|
||||
html[j++] = '</td></tr>';
|
||||
}
|
||||
} else {
|
||||
html[j++] = '<tr><td colspan="4">No Inventory data</td></tr>';
|
||||
}
|
||||
html[j] = "</tbody></table>";
|
||||
|
||||
tmp.innerHTML = html.join('');
|
||||
|
||||
tbl.replaceChild(tmp.getElementsByTagName('tbody')[0], tbody);
|
||||
}
|
||||
};
|
||||
|
||||
Event.on('demo_go','click', function (e) {
|
||||
|
||||
var self = this, // Cache this for the async callback closure
|
||||
sel = Dom.get('currencies'); // Store the requested currency
|
||||
|
||||
// Disable the button temporarily
|
||||
this.disabled = true;
|
||||
|
||||
// Store the requested currency
|
||||
Demo.currency = sel.value;
|
||||
|
||||
YAHOO.util.Connect.asyncRequest('GET','assets/data.php',{
|
||||
timeout : 3000,
|
||||
success : function (res) {
|
||||
var inventory;
|
||||
try {
|
||||
inventory = JSON.parse(res.responseText,Demo.convert);
|
||||
|
||||
Demo.updateTable(inventory);
|
||||
}
|
||||
catch(e) {
|
||||
alert("Error getting inventory data");
|
||||
}
|
||||
finally {
|
||||
self.disabled = false;
|
||||
}
|
||||
},
|
||||
failure : function () {
|
||||
alert("Error getting inventory data");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
586
www/extras/yui/examples/json/json_convert_values_log.html
Normal file
586
www/extras/yui/examples/json/json_convert_values_log.html
Normal file
File diff suppressed because one or more lines are too long
462
www/extras/yui/examples/json/json_freeze_thaw.html
Normal file
462
www/extras/yui/examples/json/json_freeze_thaw.html
Normal file
File diff suppressed because one or more lines are too long
145
www/extras/yui/examples/json/json_freeze_thaw_clean.html
Normal file
145
www/extras/yui/examples/json/json_freeze_thaw_clean.html
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>Rebuilding class instances from JSON data</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/json/json-min.js"></script>
|
||||
|
||||
|
||||
<!--begin custom header content for this example-->
|
||||
<style type="text/css">
|
||||
#demo textarea {
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
display: block;
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
width: 80%;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--end custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
|
||||
<h1>Rebuilding class instances from JSON data</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example illustrates one method of serializing and recreating class instances by using the <code>replacer</code> and <code>reviver</code> parameters to <code>JSON.stringify</code> and <code>JSON.parse</code> respectively.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<div id="demo">
|
||||
<button type="button" id="demo_freeze">Freeze</button>
|
||||
<button type="button" id="demo_thaw" disabled="disabled">Thaw</button>
|
||||
<textarea id="demo_frozen">(stringify results here)</textarea>
|
||||
<div id="demo_thawed"></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
YAHOO.util.Event.onDOMReady(function () {
|
||||
|
||||
var Event = YAHOO.util.Event,
|
||||
Dom = YAHOO.util.Dom,
|
||||
JSON = YAHOO.lang.JSON,
|
||||
Demo;
|
||||
|
||||
Demo = YAHOO.namespace('demo').FreezeThaw = {
|
||||
data : null,
|
||||
jsonString : null,
|
||||
|
||||
cryo : function (k,o) {
|
||||
return (o instanceof CaveMan) ? CaveMan.freeze(o) : o;
|
||||
},
|
||||
revive : function (k,v) {
|
||||
// Turn anything that looks like a UTC date string into a Date instance
|
||||
if (typeof v === 'string') {
|
||||
return JSON.stringToDate(v);;
|
||||
}
|
||||
// Check for cavemen by the _class key
|
||||
if (v instanceof Object && v._class == 'CaveMan') {
|
||||
return CaveMan.thaw(v);
|
||||
}
|
||||
// default to returning the value unaltered
|
||||
return v;
|
||||
}
|
||||
};
|
||||
|
||||
function CaveMan(name,discovered) {
|
||||
this.name = name;
|
||||
this.discovered = discovered;
|
||||
};
|
||||
CaveMan.prototype.getName = function () {
|
||||
return this.name + ", the cave man";
|
||||
}
|
||||
|
||||
// Static methods to convert to and from a basic object structure
|
||||
CaveMan.thaw = function (o) {
|
||||
return new CaveMan(o.n, o.d);
|
||||
};
|
||||
// Convert to a basic object structure including a class identifier
|
||||
CaveMan.freeze = function (cm) {
|
||||
return {
|
||||
_class : 'CaveMan',
|
||||
n : cm.name,
|
||||
d : cm.discovered // remains a Date for standard JSON serialization
|
||||
};
|
||||
};
|
||||
|
||||
Demo.data = {
|
||||
count : 1,
|
||||
type : 'Hominid',
|
||||
specimen : [
|
||||
new CaveMan('Ed',new Date(1946,6,6))
|
||||
]
|
||||
};
|
||||
|
||||
Event.on('demo_freeze','click',function (e) {
|
||||
Demo.jsonString = JSON.stringify(Demo.data, Demo.cryo);
|
||||
|
||||
Dom.get('demo_frozen').value = Demo.jsonString;
|
||||
Dom.get('demo_thaw').disabled = false;
|
||||
});
|
||||
|
||||
Event.on('demo_thaw','click',function (e) {
|
||||
var parsedData = JSON.parse(Demo.jsonString, Demo.revive);
|
||||
cm = parsedData.specimen[0];
|
||||
|
||||
Dom.get('demo_thawed').innerHTML =
|
||||
"<p>Specimen count: " + parsedData.count + "</p>"+
|
||||
"<p>Specimen type: " + parsedData.type + "</p>"+
|
||||
"<p>Instanceof CaveMan: " + (cm instanceof CaveMan) + "</p>"+
|
||||
"<p>Name: " + cm.getName() + "</p>"+
|
||||
"<p>Discovered: " + cm.discovered + "</p>";
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
466
www/extras/yui/examples/json/json_freeze_thaw_log.html
Normal file
466
www/extras/yui/examples/json/json_freeze_thaw_log.html
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue