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
|
|
@ -32,7 +32,7 @@ YAHOO.example.GetNews = function() {
|
|||
//Load the transitional state of the results section:
|
||||
elResults.innerHTML = "<h3>Retrieving news search results for for " +
|
||||
Dom.get("searchString").value + ":</h3>" +
|
||||
"<img src='http://l.yimg.com/us.yimg.com/i/nt/ic/ut/bsc/busybar_1.gif' " +
|
||||
"<img src='http://l.yimg.com/a/i/nt/ic/ut/bsc/busybar_1.gif' " +
|
||||
"alt='Please wait...'>";
|
||||
|
||||
//prepare the URL for the Yahoo Site Explorer API:
|
||||
|
|
|
|||
18
www/extras/yui/examples/get/assets/simple_get.js
vendored
Normal file
18
www/extras/yui/examples/get/assets/simple_get.js
vendored
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
//when this script is loaded by the YUI Get Utility,
|
||||
//all of its contents will be evaluated in the context
|
||||
//of the window object -- it has all the access to the
|
||||
//page, the DOM, cookies, etc., that any other script
|
||||
//would have, even if you've loaded it from a disparate
|
||||
//domain.
|
||||
|
||||
//create a globally accessible namespace, assuming
|
||||
//that YUI is already present:
|
||||
YAHOO.namespace("simple_get");
|
||||
|
||||
//store some data:
|
||||
YAHOO.simple_get.data = {
|
||||
script: "assets/simple_get.js",
|
||||
loaded: "loaded using YUI's Get Utility",
|
||||
time: new Date().toString()
|
||||
}
|
||||
|
||||
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>Getting CSS Style Sheets</title>
|
||||
|
||||
|
|
@ -18,15 +20,17 @@ body {
|
|||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/button/button-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/get/get-min.js"></script>
|
||||
|
||||
|
||||
<!--begin custom header content for this example-->
|
||||
<style type="text/css" id="styleoverrides">
|
||||
|
||||
#container .hd {
|
||||
background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/nt/ma/ma_nws_1.gif);
|
||||
background-image:url(http://l.yimg.com/a/i/us/nt/ma/ma_nws_1.gif);
|
||||
background-position:top right;
|
||||
background-repeat:no-repeat;
|
||||
background-color:none;
|
||||
|
|
@ -64,7 +68,7 @@ body {
|
|||
|
||||
</head>
|
||||
|
||||
<body class=" yui-skin-sam">
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
|
||||
<h1>Getting CSS Style Sheets</h1>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,8 +1,10 @@
|
|||
<!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>Getting a Script Node with JSON Data</title>
|
||||
<title>Getting a Script Node with JSON Data from a Web Service</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
|
|
@ -18,8 +20,10 @@ body {
|
|||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/button/button-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/get/get-min.js"></script>
|
||||
|
||||
|
||||
<!--begin custom header content for this example-->
|
||||
|
|
@ -42,10 +46,10 @@ body {
|
|||
|
||||
</head>
|
||||
|
||||
<body class=" yui-skin-sam">
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
|
||||
<h1>Getting a Script Node with JSON Data</h1>
|
||||
<h1>Getting a Script Node with JSON Data from a Web Service</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example employs the <a href="http://developer.yahoo.com/yui/get/">YUI Get Utility</a> in a simple use case: retrieving JSON data from a cross-domain web service. While this is a relatively common usage, it's important to understand the security ramifications of this technique. Scripts loaded via the Get Utility (or any other "script node" solution) execute immediately once they are loaded. If you do not fully control (or fully trust) the script's source, this is not a safe technique and it can put the security of your users' data at risk. (For more information on the dangers of cross-site scripting [XSS] exploits, <a href="http://en.wikipedia.org/wiki/Cross-site_scripting">check out the Wikipedia entry on this subject</a>.)</p>
|
||||
|
|
@ -137,7 +141,7 @@ YAHOO.log("The Get Utility failed.", "info", "example");
|
|||
//Load the transitional state of the results section:
|
||||
elResults.innerHTML = "<h3>Retrieving incoming links for " +
|
||||
Dom.get("searchString").value + ":</h3>" +
|
||||
"<img src='http://l.yimg.com/us.yimg.com/i/nt/ic/ut/bsc/busybar_1.gif' " +
|
||||
"<img src='http://l.yimg.com/a/i/nt/ic/ut/bsc/busybar_1.gif' " +
|
||||
"alt='Please wait...'>";
|
||||
|
||||
//prepare the URL for the Yahoo Site Explorer API:
|
||||
|
|
|
|||
333
www/extras/yui/examples/get/get-script-simple.html
Normal file
333
www/extras/yui/examples/get/get-script-simple.html
Normal file
File diff suppressed because one or more lines are too long
117
www/extras/yui/examples/get/get-script-simple_clean.html
Normal file
117
www/extras/yui/examples/get/get-script-simple_clean.html
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
<!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>Quickstart Example: Getting a Script File with YUI Get</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" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/button/button-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/get/get-min.js"></script>
|
||||
|
||||
|
||||
<!--begin custom header content for this example-->
|
||||
<style type="text/css">
|
||||
#returnedData {background-color:#0000ff; color:#ffffff; padding:1em; margin-top:1em; white-space:normal;}
|
||||
</style>
|
||||
|
||||
<!--end custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
|
||||
<h1>Quickstart Example: Getting a Script File with YUI Get</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example explores the simplest and most common use case for the <a href="http://developer.yahoo.com/yui/get">YUI Get Utility</a>: fetching a script with <code>YAHOO.util.Get.script()</code> and making use of its contents.</p>
|
||||
|
||||
<p>Click the button to retrieve the script and output its data to the blue box. The tutorial below gives you a full description of how to use this technique.</p>
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<div>
|
||||
<button id="getScript">Get Data from Script</button>
|
||||
</div>
|
||||
|
||||
<pre id="returnedData">
|
||||
Data returned from the loaded script will appear here after you click the button above.
|
||||
</pre>
|
||||
|
||||
<script language="JavaScript">
|
||||
(function() {
|
||||
|
||||
//We'll use a YUI Button to actuate our request for the script:
|
||||
var button = new YAHOO.widget.Button("getScript", {type: "link"});
|
||||
|
||||
//When the button is clicked, we'll make the script request:
|
||||
button.on("click", function() {
|
||||
|
||||
YAHOO.log("Button was clicked; loading script with Get Utility.", "info", "example");
|
||||
|
||||
//We have a .js file at assets/simple_get.js. We will get
|
||||
//that script with the Get Utility:
|
||||
YAHOO.util.Get.script("../get/assets/simple_get.js", {
|
||||
|
||||
//ALL OF THE CONFIGURATION OPTIONS BELOW ARE OPTIONAL;
|
||||
//IN MANY CASES, YOU'LL NEED ONLY TO DEFINE YOUR SUCCESS/
|
||||
//FAILURE HANDLERS.
|
||||
|
||||
//callback to fire when the script is successfully loaded:
|
||||
onSuccess: function(obj) {
|
||||
YAHOO.log("Success handler was called. Transaction ID: " + obj.tId, "info", "example");
|
||||
document.getElementById("returnedData").innerHTML = YAHOO.lang.dump(YAHOO.simple_get.data, 3);
|
||||
},
|
||||
|
||||
//callback to fire if the script does not successfully load:
|
||||
onFailure: function(o) {
|
||||
YAHOO.log("Failure handler was called. Transaction ID: " + obj.tId, "info", "example");
|
||||
},
|
||||
|
||||
//context under which success and failure handlers should run;
|
||||
//default is the current window, which we'll use for this example:
|
||||
scope: window,
|
||||
|
||||
//by default, the script will be added to the current
|
||||
//window; use this property to override that default
|
||||
//(we're just using the default in this example):
|
||||
win: window,
|
||||
|
||||
//will be passed as a member of the callback object to
|
||||
//the success or failure handler:
|
||||
data: {testData: "value"},
|
||||
|
||||
//For Safari 2.x, which does not support the script's onload
|
||||
//event to determine when the script is loaded; instead, Get
|
||||
//will check for the presence of this varName (which is
|
||||
//defined in the script we're retrieving) and use its presence
|
||||
//to determine when the script has been successfully loaded:
|
||||
varName: ["YAHOO.simple_get.data"]
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
</script>
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue