src/cm/media/js/lib/yui/yui3.0.0/examples/io/io-get_log.html
author Yves-Marie Haussonne <ymh.work+github@gmail.com>
Fri, 09 May 2014 18:35:26 +0200
changeset 656 a84519031134
parent 0 40c8f766c9b8
permissions -rw-r--r--
add link to "privacy policy" in the header test
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     1
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     3
<html>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     4
<head>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     5
	<title>YUI Library Examples: IO: GET Transaction</title>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     6
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     7
    	<link rel="stylesheet" type="text/css" href="../../assets/yui.css" >
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     8
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
     9
<style>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    10
    /*Supplemental CSS for the YUI distribution*/
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    11
    #custom-doc { width: 95%; min-width: 950px; }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    12
    #pagetitle {background-image: url(../../assets/bg_hd.gif);}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    13
/*    #pagetitle h1 {background-image: url(../../assets/title_h_bg.gif);}*/
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    14
</style>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    15
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    16
<link rel="stylesheet" type="text/css" href="../../assets/dpSyntaxHighlighter.css">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    17
<link type="text/css" rel="stylesheet" href="../../build/cssfonts/fonts-min.css" />
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    18
<script type="text/javascript" src="../../build/yui/yui-min.js"></script>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    19
<style type="text/css">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    20
#container li {margin-left:2em;}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    21
#container { background-color:#FFFFFF; border:1px dotted #666666; padding:1em; margin-bottom:1em;}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    22
</style>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    23
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    24
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    25
</head>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    26
<body id="yahoo-com" class=" yui-skin-sam">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    27
<div id="custom-doc" class="yui-t2">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    28
<div id="hd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    29
	<div id="ygunav">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    30
		<p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    31
            <em>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    32
                <a href="http://developer.yahoo.com/yui/3/">YUI 3.x Home</a> <i> - </i>	
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    33
            </em>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    34
		</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    35
		<form action="http://search.yahoo.com/search" id="sitesearchform">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    36
            <input name="vs" type="hidden" value="developer.yahoo.com">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    37
            <input name="vs" type="hidden" value="yuiblog.com">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    38
		    <div id="sitesearch">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    39
		    	<label for="searchinput">Site Search (YDN &amp; YUIBlog): </label>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    40
			    <input type="text" id="searchinput" name="p">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    41
			    <input type="submit" value="Search" id="searchsubmit" class="ygbt">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    42
		    </div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    43
		</form>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    44
    </div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    45
	<div id="ygma"><a href="../../"><img src="../../assets/logo.gif"  border="0" width="200" height="93"></a></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    46
	<div id="pagetitle"><h1>YUI Library Examples: IO: GET Transaction</h1></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    47
</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    48
<div id="bd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    49
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    50
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    51
	<div id="yui-main">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    52
		<div class="yui-b">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    53
		  <div class="yui-ge">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    54
			  <div class="yui-u first example" id="main">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    55
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    56
	<h2>IO: GET Transaction</h2>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    57
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    58
	<div id="example" class="promo">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    59
	<div class="example-intro">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    60
	<p>This example demonstrates how to send HTTP GET requests, using IO.  One transaction uses Global event listeners to handle the transaction lifecycles and response.  The other transaction uses both Global and Transaction events.</p>	</div>	
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    61
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    62
	<div class="module example-container ">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    63
			<div class="hd exampleHd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    64
			<p class="newWindowButton yui-skin-sam">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    65
                <a href="io-get_clean.html" target="_blank">View example in new window.</a>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    66
            </p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    67
		</div>		<div id="example-canvas" class="bd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    68
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    69
		
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    70
	<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    71
	
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    72
	<div id="container">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    73
	<ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    74
    	<li>IO GET response data will appear here.</li>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    75
    </ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    76
</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    77
<form>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    78
	<input id="get1" type="button" value="GET with Global Listeners. " />
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    79
	<input id="get2" type="button" value="GET with Global and Transaction Listeners" />
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    80
</form>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    81
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    82
<script>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    83
YUI({base:"../../build/", timeout: 10000}).use("io",
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    84
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    85
	function(Y) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    86
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    87
		//Get a reference to the DIV that we are using
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    88
		//to report results.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    89
		var d = document.getElementById('container');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    90
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    91
		/* global listener object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    92
		var gH = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    93
			write: function(str, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    94
					 d.innerHTML += "ID: " + str;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    95
					 if (args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    96
					 	d.innerHTML += " " + "The arguments are: " + args;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    97
					 }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    98
					 d.innerHTML += "<br>";
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
    99
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   100
			start: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   101
					 this.write(id + ": Global Event Start.", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   102
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   103
			complete: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   104
						this.write(id + ": Global Event Complete.  The status code is: " + o.status + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   105
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   106
			success: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   107
					   this.write(id + ": Global Event Success.  The response is: " + o.responseText + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   108
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   109
			failure: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   110
					   this.write(o + ": Global Event Failure.  The status text is: " + o.statusText + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   111
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   112
			end: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   113
					 this.write(id + ": Global Event End.", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   114
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   115
		}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   116
		/* end global listener object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   117
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   118
		/* transaction event object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   119
		var tH = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   120
			write: function(str, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   121
					 d.innerHTML += "ID: " + str;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   122
					 if (args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   123
					 	d.innerHTML += " " + "The arguments are: " + args;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   124
					 }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   125
					 d.innerHTML += "<br>";
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   126
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   127
			start: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   128
					 this.write(id + ": Transaction Event Start.", args.start);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   129
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   130
			complete: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   131
						this.write(id + ": Transaction Event Complete.  The status code is: " + o.status + ".", args.complete);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   132
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   133
			success: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   134
					   this.write(id + ": Transaction Event Success.  The response is: " + o.responseText + ".", args.success);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   135
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   136
			failure: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   137
					   this.write(id + ": Transaction Event Failure.  The status text is: " + o.statusText + ".", args.failure);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   138
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   139
			end: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   140
					 this.write(id + ": Transaction Event End.", args.end);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   141
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   142
		}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   143
		/* end transaction event object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   144
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   145
		/* attach global listeners */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   146
		Y.on('io:start', gH.start, gH, 'global foo');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   147
		Y.on('io:complete', gH.complete, gH, 'global bar');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   148
		Y.on('io:success', gH.success, gH, 'global baz');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   149
		Y.on('io:failure', gH.failure, gH);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   150
		Y.on('io:end', gH.end, gH, 'global boo');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   151
		/* end global listener binding */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   152
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   153
		/* configuration object for transactions */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   154
		var cfg = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   155
			on: {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   156
				start: tH.start,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   157
				complete: tH.complete,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   158
				success: tH.success,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   159
				failure: tH.failure,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   160
				end: tH.end
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   161
			},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   162
			context: tH,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   163
			headers: { 'X-Transaction': 'GET Example'},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   164
			arguments: {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   165
					   start: 'foo',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   166
					   complete: 'bar',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   167
					   success: 'baz',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   168
					   failure: 'Oh no!',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   169
					   end: 'boo'
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   170
					   }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   171
		};
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   172
		/* end configuration object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   173
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   174
		function call(e, b) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   175
			if (b) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   176
				Y.io('assets/get.php?user=YDN&allListeners=1', cfg);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   177
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   178
			else {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   179
				Y.io('assets/get.php?user=YDN&globalListeners=1');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   180
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   181
		}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   182
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   183
		Y.on('click', call, "#get1", this, false);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   184
		Y.on('click', call, "#get2", this, true);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   185
	});
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   186
</script>	
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   187
	<!--END SOURCE CODE FOR EXAMPLE =============================== -->
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   188
	
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   189
		
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   190
		</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   191
	</div>			
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   192
	</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   193
		
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   194
	<h2 class="first">Using IO for HTTP GET Requests, and Handling the Response via Event Listeners.</h2>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   195
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   196
<h3>Create a YUI Instance</h3>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   197
<p>Create a YUI instance, using IO, for this example:</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   198
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   199
<div id="syntax1" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="co1">//Create a YUI instance including support for IO:</span></div></li><li class="li1"><div class="de1">YUI<span class="br0">&#40;</span><span class="br0">&#123;</span>base<span class="sy0">:</span><span class="st0">&quot;../../build/&quot;</span><span class="sy0">,</span> timeout<span class="sy0">:</span> <span class="nu0">10000</span><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="st0">&quot;io-base&quot;</span><span class="sy0">,</span> <span class="kw2">function</span><span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">	<span class="co1">// Y is the YUI instance.</span></div></li><li class="li1"><div class="de1">	<span class="co1">// The rest of the following code is encapsulated in this</span></div></li><li class="li2"><div class="de2">	<span class="co1">// anonymous function.</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span> <span class="br0">&#41;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="co1">//Create a YUI instance including support for IO:</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   200
YUI<span class="br0">&#40;</span><span class="br0">&#123;</span>base<span class="sy0">:</span><span class="st0">&quot;../../build/&quot;</span><span class="sy0">,</span> timeout<span class="sy0">:</span> <span class="nu0">10000</span><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="st0">&quot;io-base&quot;</span><span class="sy0">,</span> <span class="kw2">function</span><span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   201
	<span class="co1">// Y is the YUI instance.</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   202
	<span class="co1">// The rest of the following code is encapsulated in this</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   203
	<span class="co1">// anonymous function.</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   204
<span class="br0">&#125;</span> <span class="br0">&#41;</span><span class="sy0">;</span></pre></div><textarea id="syntax1-plain">//Create a YUI instance including support for IO:
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   205
YUI({base:"../../build/", timeout: 10000}).use("io-base", function(Y) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   206
	// Y is the YUI instance.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   207
	// The rest of the following code is encapsulated in this
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   208
	// anonymous function.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   209
} );</textarea></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   210
<h3>Create Handlers for Global and Transaction Events.</h3>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   211
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   212
<p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   213
We will create one object to handle the Global Events, and one object to handle Transaction Events.  Each object defines methods to handle the events in a transction's lifecycles.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   214
The results are logged to <code>&lt;div id="container"&gt;</code>.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   215
</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   216
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   217
<div id="syntax2" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="co1">//Get a reference to the DIV we are using</span></div></li><li class="li1"><div class="de1"><span class="co1">//to report results.</span></div></li><li class="li1"><div class="de1"><span class="kw2">var</span> d <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">&#40;</span><span class="st0">'container'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2"><span class="co2">/* global listener object */</span></div></li><li class="li1"><div class="de1"><span class="kw2">var</span> gH <span class="sy0">=</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">	<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span></div></li><li class="li1"><div class="de1">			 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">			 	d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span></div></li><li class="li1"><div class="de1">			 <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Start.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">				<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">    <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">	success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">    <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>o <span class="sy0">+</span> <span class="st0">&quot;: Global Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">    <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event End.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li><li class="li2"><div class="de2"><span class="co2">/* end global listener object */</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co2">/* transaction event object */</span></div></li><li class="li1"><div class="de1"><span class="kw2">var</span> tH <span class="sy0">=</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">	<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span></div></li><li class="li1"><div class="de1">			 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			   d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span></div></li><li class="li1"><div class="de1">			 <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Start.&quot;</span><span class="sy0">,</span> args.<span class="me1">start</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">				<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">complete</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">success</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">	failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">failure</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event End.&quot;</span><span class="sy0">,</span> args.<span class="me1">end</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">	<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">/* end transaction event object */</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="co1">//Get a reference to the DIV we are using</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   218
<span class="co1">//to report results.</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   219
<span class="kw2">var</span> d <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">&#40;</span><span class="st0">'container'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   220
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   221
<span class="co2">/* global listener object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   222
<span class="kw2">var</span> gH <span class="sy0">=</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   223
	<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   224
			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   225
			 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   226
			 	d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   227
			 <span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   228
			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   229
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   230
	start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   231
			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Start.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   232
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   233
	complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   234
				<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   235
    <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   236
	success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   237
			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   238
    <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   239
	failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   240
			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>o <span class="sy0">+</span> <span class="st0">&quot;: Global Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   241
    <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   242
	end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   243
			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event End.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   244
	<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   245
<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   246
<span class="co2">/* end global listener object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   247
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   248
<span class="co2">/* transaction event object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   249
<span class="kw2">var</span> tH <span class="sy0">=</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   250
	<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   251
			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   252
			 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   253
			   d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   254
			 <span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   255
			 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   256
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   257
	start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   258
			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Start.&quot;</span><span class="sy0">,</span> args.<span class="me1">start</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   259
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   260
	complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   261
				<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">complete</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   262
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   263
	success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   264
			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">success</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   265
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   266
	failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   267
			   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">failure</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   268
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   269
	end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   270
			 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event End.&quot;</span><span class="sy0">,</span> args.<span class="me1">end</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   271
	<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   272
<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   273
<span class="coMULTI">/* end transaction event object */</span></pre></div><textarea id="syntax2-plain">//Get a reference to the DIV we are using
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   274
//to report results.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   275
var d = document.getElementById('container');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   276
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   277
/* global listener object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   278
var gH = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   279
	write: function(str, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   280
			 d.innerHTML += "ID: " + str;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   281
			 if (args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   282
			 	d.innerHTML += " " + "The arguments are: " + args;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   283
			 }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   284
			 d.innerHTML += "<br>";
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   285
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   286
	start: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   287
			 this.write(id + ": Global Event Start.", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   288
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   289
	complete: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   290
				this.write(id + ": Global Event Complete.  The status code is: " + o.status + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   291
    },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   292
	success: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   293
			   this.write(id + ": Global Event Success.  The response is: " + o.responseText + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   294
    },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   295
	failure: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   296
			   this.write(o + ": Global Event Failure.  The status text is: " + o.statusText + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   297
    },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   298
	end: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   299
			 this.write(id + ": Global Event End.", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   300
	}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   301
}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   302
/* end global listener object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   303
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   304
/* transaction event object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   305
var tH = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   306
	write: function(str, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   307
			 d.innerHTML += "ID: " + str;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   308
			 if (args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   309
			   d.innerHTML += " " + "The arguments are: " + args;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   310
			 }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   311
			 d.innerHTML += "<br>";
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   312
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   313
	start: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   314
			 this.write(id + ": Transaction Event Start.", args.start);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   315
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   316
	complete: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   317
				this.write(id + ": Transaction Event Complete.  The status code is: " + o.status + ".", args.complete);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   318
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   319
	success: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   320
			   this.write(id + ": Transaction Event Success.  The response is: " + o.responseText + ".", args.success);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   321
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   322
	failure: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   323
			   this.write(id + ": Transaction Event Failure.  The status text is: " + o.statusText + ".", args.failure);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   324
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   325
	end: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   326
			 this.write(id + ": Transaction Event End.", args.end);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   327
	}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   328
}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   329
/* end transaction event object */</textarea></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   330
<h3>Subscribe to the Global events</h3>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   331
<p>With the handler object <code>gH</code defined, we can now subscribe to the Global events.</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   332
<div id="syntax3" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="co1">// Notice the object context of &quot;gH&quot; is provided as the</span></div></li><li class="li1"><div class="de1"><span class="co1">// third argument of &lt;code&gt;Y.on()&lt;/code&gt;, to preserve the proper</span></div></li><li class="li1"><div class="de1"><span class="co1">// context of 'this' as used in &lt;code&gt;gH's&lt;/code&gt; methods.</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2"><span class="co2">/* Subscribe to the global events */</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:start'</span><span class="sy0">,</span> gH.<span class="me1">start</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global foo'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:complete'</span><span class="sy0">,</span> gH.<span class="me1">complete</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global bar'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:success'</span><span class="sy0">,</span> gH.<span class="me1">success</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global baz'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:failure'</span><span class="sy0">,</span> gH.<span class="me1">failure</span><span class="sy0">,</span> gH<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:end'</span><span class="sy0">,</span> gH.<span class="me1">end</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global boo'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">/* End event subscription */</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="co1">// Notice the object context of &quot;gH&quot; is provided as the</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   333
<span class="co1">// third argument of &lt;code&gt;Y.on()&lt;/code&gt;, to preserve the proper</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   334
<span class="co1">// context of 'this' as used in &lt;code&gt;gH's&lt;/code&gt; methods.</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   335
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   336
<span class="co2">/* Subscribe to the global events */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   337
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:start'</span><span class="sy0">,</span> gH.<span class="me1">start</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global foo'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   338
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:complete'</span><span class="sy0">,</span> gH.<span class="me1">complete</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global bar'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   339
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:success'</span><span class="sy0">,</span> gH.<span class="me1">success</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global baz'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   340
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:failure'</span><span class="sy0">,</span> gH.<span class="me1">failure</span><span class="sy0">,</span> gH<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   341
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:end'</span><span class="sy0">,</span> gH.<span class="me1">end</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global boo'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   342
<span class="coMULTI">/* End event subscription */</span></pre></div><textarea id="syntax3-plain">// Notice the object context of "gH" is provided as the
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   343
// third argument of <code>Y.on()</code>, to preserve the proper
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   344
// context of 'this' as used in <code>gH's</code> methods.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   345
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   346
/* Subscribe to the global events */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   347
Y.on('io:start', gH.start, gH, 'global foo');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   348
Y.on('io:complete', gH.complete, gH, 'global bar');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   349
Y.on('io:success', gH.success, gH, 'global baz');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   350
Y.on('io:failure', gH.failure, gH);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   351
Y.on('io:end', gH.end, gH, 'global boo');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   352
/* End event subscription */</textarea></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   353
<h3>Assemble a Configuration Object to set Transaction Event Listeners</h3>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   354
<p>Use a configuration object to define which Transaction Events you wish to handle, for the specific transaction.</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   355
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   356
<div id="syntax4" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="coMULTI">/* Configuration object for setting Transaction Events */</span></div></li><li class="li1"><div class="de1"><span class="kw2">var</span> cfg <span class="sy0">=</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">	on<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">		start<span class="sy0">:</span> tH.<span class="me1">start</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">		complete<span class="sy0">:</span> tH.<span class="me1">complete</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">		success<span class="sy0">:</span> tH.<span class="me1">success</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">		failure<span class="sy0">:</span> tH.<span class="me1">failure</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">		end<span class="sy0">:</span> tH.<span class="me1">end</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">	context<span class="sy0">:</span> tH<span class="sy0">,</span></div></li><li class="li1"><div class="de1">	headers<span class="sy0">:</span> <span class="br0">&#123;</span> <span class="st0">'X-Transaction'</span><span class="sy0">:</span> <span class="st0">'GET Example'</span><span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">	arguments<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			   start<span class="sy0">:</span> <span class="st0">'foo'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			   complete<span class="sy0">:</span> <span class="st0">'bar'</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">			   success<span class="sy0">:</span> <span class="st0">'baz'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			   failure<span class="sy0">:</span> <span class="st0">'Oh no!'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			   end<span class="sy0">:</span> <span class="st0">'boo'</span></div></li><li class="li1"><div class="de1">			   <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="coMULTI">/* Configuration object for setting Transaction Events */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   357
<span class="kw2">var</span> cfg <span class="sy0">=</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   358
	on<span class="sy0">:</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   359
		start<span class="sy0">:</span> tH.<span class="me1">start</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   360
		complete<span class="sy0">:</span> tH.<span class="me1">complete</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   361
		success<span class="sy0">:</span> tH.<span class="me1">success</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   362
		failure<span class="sy0">:</span> tH.<span class="me1">failure</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   363
		end<span class="sy0">:</span> tH.<span class="me1">end</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   364
	<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   365
	context<span class="sy0">:</span> tH<span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   366
	headers<span class="sy0">:</span> <span class="br0">&#123;</span> <span class="st0">'X-Transaction'</span><span class="sy0">:</span> <span class="st0">'GET Example'</span><span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   367
	arguments<span class="sy0">:</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   368
			   start<span class="sy0">:</span> <span class="st0">'foo'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   369
			   complete<span class="sy0">:</span> <span class="st0">'bar'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   370
			   success<span class="sy0">:</span> <span class="st0">'baz'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   371
			   failure<span class="sy0">:</span> <span class="st0">'Oh no!'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   372
			   end<span class="sy0">:</span> <span class="st0">'boo'</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   373
			   <span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   374
<span class="br0">&#125;</span><span class="sy0">;</span></pre></div><textarea id="syntax4-plain">/* Configuration object for setting Transaction Events */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   375
var cfg = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   376
	on: {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   377
		start: tH.start,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   378
		complete: tH.complete,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   379
		success: tH.success,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   380
		failure: tH.failure,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   381
		end: tH.end
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   382
	},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   383
	context: tH,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   384
	headers: { 'X-Transaction': 'GET Example'},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   385
	arguments: {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   386
			   start: 'foo',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   387
			   complete: 'bar',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   388
			   success: 'baz',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   389
			   failure: 'Oh no!',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   390
			   end: 'boo'
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   391
			   }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   392
};</textarea></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   393
<h3>Initiate the Transaction</h3>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   394
<p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   395
Finally, we set up two buttons -- one for each type of transaction -- and add a "click" listener to each of them.  The handler -- function <code>call()</code> -- make an
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   396
IO request, based on which button was clicked.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   397
</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   398
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   399
<div id="syntax5" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="kw2">function</span> call<span class="br0">&#40;</span>e<span class="sy0">,</span> b<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">	<span class="kw1">if</span> <span class="br0">&#40;</span>b<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;allListeners=1'</span><span class="sy0">,</span> cfg<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span></div></li><li class="li2"><div class="de2">	<span class="kw1">else</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;globalListeners=1'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get1&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">false</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get2&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">true</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="kw2">function</span> call<span class="br0">&#40;</span>e<span class="sy0">,</span> b<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   400
	<span class="kw1">if</span> <span class="br0">&#40;</span>b<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   401
		Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;allListeners=1'</span><span class="sy0">,</span> cfg<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   402
	<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   403
	<span class="kw1">else</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   404
		Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;globalListeners=1'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   405
	<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   406
<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   407
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   408
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get1&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">false</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   409
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get2&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">true</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div><textarea id="syntax5-plain">function call(e, b) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   410
	if (b) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   411
		Y.io('(assets/)get.php?user=YDN&allListeners=1', cfg);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   412
	}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   413
	else {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   414
		Y.io('(assets/)get.php?user=YDN&globalListeners=1');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   415
	}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   416
}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   417
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   418
Y.on('click', call, "#get1", this, false);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   419
Y.on('click', call, "#get2", this, true);</textarea></div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   420
<h3>Full Code</h3>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   421
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   422
<p>The full JavaScript code for this example follows:</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   423
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   424
<div id="syntax6" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1">YUI<span class="br0">&#40;</span><span class="br0">&#123;</span>base<span class="sy0">:</span><span class="st0">&quot;../../build/&quot;</span><span class="sy0">,</span> timeout<span class="sy0">:</span> <span class="nu0">10000</span><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="br0">&#40;</span><span class="st0">&quot;io&quot;</span><span class="br0">&#41;</span><span class="sy0">&gt;,</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1">	<span class="kw2">function</span><span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2">		<span class="co1">//Get a reference to the DIV that we are using</span></div></li><li class="li1"><div class="de1">		<span class="co1">//to report results.</span></div></li><li class="li1"><div class="de1">		<span class="kw2">var</span> d <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">&#40;</span><span class="st0">'container'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1">		<span class="co2">/* global listener object */</span></div></li><li class="li2"><div class="de2">		<span class="kw2">var</span> gH <span class="sy0">=</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span></div></li><li class="li1"><div class="de1">					 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 	d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span></div></li><li class="li2"><div class="de2">					 <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">				   <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Start.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">				   <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">						<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">				   <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">					 <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>o <span class="sy0">+</span> <span class="st0">&quot;: Global Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">					 <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">			end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event End.&quot;</span><span class="sy0">,</span> args.<span class="me1">end</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">			<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">		<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">		<span class="co2">/* end global listener object */</span></div></li><li class="li2"><div class="de2">&nbsp;</div></li><li class="li1"><div class="de1">		<span class="co2">/* transaction event object */</span></div></li><li class="li1"><div class="de1">		<span class="kw2">var</span> tH <span class="sy0">=</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span></div></li><li class="li2"><div class="de2">					 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 	d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span></div></li><li class="li1"><div class="de1">					 <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">				   <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">			start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Start.&quot;</span><span class="sy0">,</span> args.<span class="me1">start</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">				   <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">						<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">complete</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">				   <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">success</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">					 <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">failure</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">					 <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event End.&quot;</span><span class="sy0">,</span> args.<span class="me1">end</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">			<span class="br0">&#125;</span></div></li><li class="li2"><div class="de2">		<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">		<span class="co2">/* end transaction event object */</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1">		<span class="co2">/* attach global listeners */</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:start'</span><span class="sy0">,</span> gH.<span class="me1">start</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global foo'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:complete'</span><span class="sy0">,</span> gH.<span class="me1">complete</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global bar'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:success'</span><span class="sy0">,</span> gH.<span class="me1">success</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global baz'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:failure'</span><span class="sy0">,</span> gH.<span class="me1">failure</span><span class="sy0">,</span> gH<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:end'</span><span class="sy0">,</span> gH.<span class="me1">abort</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global boo'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">		<span class="co2">/* end global listener binding */</span></div></li><li class="li2"><div class="de2">&nbsp;</div></li><li class="li1"><div class="de1">		<span class="co2">/* configuration object for transactions */</span></div></li><li class="li1"><div class="de1">		<span class="kw2">var</span> cfg <span class="sy0">=</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			on<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">				start<span class="sy0">:</span> tH.<span class="me1">start</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">				complete<span class="sy0">:</span> tH.<span class="me1">complete</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">				success<span class="sy0">:</span> tH.<span class="me1">success</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">				failure<span class="sy0">:</span> tH.<span class="me1">failure</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">				end<span class="sy0">:</span> tH.<span class="me1">end</span></div></li><li class="li1"><div class="de1">			<span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">			context<span class="sy0">:</span> tH<span class="sy0">,</span></div></li><li class="li1"><div class="de1">			headers<span class="sy0">:</span> <span class="br0">&#123;</span> <span class="st0">'X-Transaction'</span><span class="sy0">:</span> <span class="st0">'GET Example'</span><span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">			arguments<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">					   start<span class="sy0">:</span> <span class="st0">'foo'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">					   complete<span class="sy0">:</span> <span class="st0">'bar'</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">					   success<span class="sy0">:</span> <span class="st0">'baz'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">					   failure<span class="sy0">:</span> <span class="st0">'Oh no!'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">					   end<span class="sy0">:</span> <span class="st0">'boo'</span></div></li><li class="li1"><div class="de1">					   <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">		<span class="br0">&#125;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">		<span class="co2">/* end configuration object */</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1">		<span class="kw2">function</span> call<span class="br0">&#40;</span>e<span class="sy0">,</span> b<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">			<span class="kw1">if</span> <span class="br0">&#40;</span>b<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">				Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;allListeners=1'</span><span class="sy0">,</span> cfg<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">			<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">			<span class="kw1">else</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">				Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;globalListeners=1'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">			<span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">		<span class="br0">&#125;</span></div></li><li class="li2"><div class="de2">&nbsp;</div></li><li class="li1"><div class="de1">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get1&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">false</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get2&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">true</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">	<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;">YUI<span class="br0">&#40;</span><span class="br0">&#123;</span>base<span class="sy0">:</span><span class="st0">&quot;../../build/&quot;</span><span class="sy0">,</span> timeout<span class="sy0">:</span> <span class="nu0">10000</span><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="br0">&#40;</span><span class="st0">&quot;io&quot;</span><span class="br0">&#41;</span><span class="sy0">&gt;,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   425
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   426
	<span class="kw2">function</span><span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   427
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   428
		<span class="co1">//Get a reference to the DIV that we are using</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   429
		<span class="co1">//to report results.</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   430
		<span class="kw2">var</span> d <span class="sy0">=</span> document.<span class="me1">getElementById</span><span class="br0">&#40;</span><span class="st0">'container'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   431
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   432
		<span class="co2">/* global listener object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   433
		<span class="kw2">var</span> gH <span class="sy0">=</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   434
			<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   435
					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   436
					 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   437
					 	d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   438
					 <span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   439
					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   440
				   <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   441
			start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   442
					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Start.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   443
				   <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   444
			complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   445
						<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   446
				   <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   447
			success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   448
					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   449
					 <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   450
			failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   451
					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>o <span class="sy0">+</span> <span class="st0">&quot;: Global Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   452
					 <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   453
			end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   454
					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Global Event End.&quot;</span><span class="sy0">,</span> args.<span class="me1">end</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   455
			<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   456
		<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   457
		<span class="co2">/* end global listener object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   458
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   459
		<span class="co2">/* transaction event object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   460
		<span class="kw2">var</span> tH <span class="sy0">=</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   461
			<span class="kw1">write</span><span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>str<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   462
					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;ID: &quot;</span> <span class="sy0">+</span> str<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   463
					 <span class="kw1">if</span> <span class="br0">&#40;</span>args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   464
					 	d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot; &quot;</span> <span class="sy0">+</span> <span class="st0">&quot;The arguments are: &quot;</span> <span class="sy0">+</span> args<span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   465
					 <span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   466
					 d.<span class="me1">innerHTML</span> <span class="sy0">+=</span> <span class="st0">&quot;&lt;br&gt;&quot;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   467
				   <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   468
			start<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   469
					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Start.&quot;</span><span class="sy0">,</span> args.<span class="me1">start</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   470
				   <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   471
			complete<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   472
						<span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Complete.  The status code is: &quot;</span> <span class="sy0">+</span> o.<span class="kw3">status</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">complete</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   473
				   <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   474
			success<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   475
					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Success.  The response is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">responseText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">success</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   476
					 <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   477
			failure<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> o<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   478
					   <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event Failure.  The status text is: &quot;</span> <span class="sy0">+</span> o.<span class="me1">statusText</span> <span class="sy0">+</span> <span class="st0">&quot;.&quot;</span><span class="sy0">,</span> args.<span class="me1">failure</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   479
					 <span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   480
			end<span class="sy0">:</span> <span class="kw2">function</span><span class="br0">&#40;</span>id<span class="sy0">,</span> args<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   481
					 <span class="kw1">this</span>.<span class="kw1">write</span><span class="br0">&#40;</span>id <span class="sy0">+</span> <span class="st0">&quot;: Transaction Event End.&quot;</span><span class="sy0">,</span> args.<span class="me1">end</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   482
			<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   483
		<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   484
		<span class="co2">/* end transaction event object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   485
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   486
		<span class="co2">/* attach global listeners */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   487
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:start'</span><span class="sy0">,</span> gH.<span class="me1">start</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global foo'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   488
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:complete'</span><span class="sy0">,</span> gH.<span class="me1">complete</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global bar'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   489
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:success'</span><span class="sy0">,</span> gH.<span class="me1">success</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global baz'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   490
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:failure'</span><span class="sy0">,</span> gH.<span class="me1">failure</span><span class="sy0">,</span> gH<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   491
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'io:end'</span><span class="sy0">,</span> gH.<span class="me1">abort</span><span class="sy0">,</span> gH<span class="sy0">,</span> <span class="st0">'global boo'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   492
		<span class="co2">/* end global listener binding */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   493
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   494
		<span class="co2">/* configuration object for transactions */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   495
		<span class="kw2">var</span> cfg <span class="sy0">=</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   496
			on<span class="sy0">:</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   497
				start<span class="sy0">:</span> tH.<span class="me1">start</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   498
				complete<span class="sy0">:</span> tH.<span class="me1">complete</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   499
				success<span class="sy0">:</span> tH.<span class="me1">success</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   500
				failure<span class="sy0">:</span> tH.<span class="me1">failure</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   501
				end<span class="sy0">:</span> tH.<span class="me1">end</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   502
			<span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   503
			context<span class="sy0">:</span> tH<span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   504
			headers<span class="sy0">:</span> <span class="br0">&#123;</span> <span class="st0">'X-Transaction'</span><span class="sy0">:</span> <span class="st0">'GET Example'</span><span class="br0">&#125;</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   505
			arguments<span class="sy0">:</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   506
					   start<span class="sy0">:</span> <span class="st0">'foo'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   507
					   complete<span class="sy0">:</span> <span class="st0">'bar'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   508
					   success<span class="sy0">:</span> <span class="st0">'baz'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   509
					   failure<span class="sy0">:</span> <span class="st0">'Oh no!'</span><span class="sy0">,</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   510
					   end<span class="sy0">:</span> <span class="st0">'boo'</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   511
					   <span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   512
		<span class="br0">&#125;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   513
		<span class="co2">/* end configuration object */</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   514
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   515
		<span class="kw2">function</span> call<span class="br0">&#40;</span>e<span class="sy0">,</span> b<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   516
			<span class="kw1">if</span> <span class="br0">&#40;</span>b<span class="br0">&#41;</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   517
				Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;allListeners=1'</span><span class="sy0">,</span> cfg<span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   518
			<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   519
			<span class="kw1">else</span> <span class="br0">&#123;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   520
				Y.<span class="me1">io</span><span class="br0">&#40;</span><span class="st0">'(assets/)get.php?user=YDN&amp;globalListeners=1'</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   521
			<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   522
		<span class="br0">&#125;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   523
&nbsp;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   524
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get1&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">false</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   525
		Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> call<span class="sy0">,</span> <span class="st0">&quot;#get2&quot;</span><span class="sy0">,</span> <span class="kw1">this</span><span class="sy0">,</span> <span class="kw2">true</span><span class="br0">&#41;</span><span class="sy0">;</span>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   526
	<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div><textarea id="syntax6-plain">YUI({base:"../../build/", timeout: 10000}).use(("io")>,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   527
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   528
	function(Y) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   529
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   530
		//Get a reference to the DIV that we are using
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   531
		//to report results.
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   532
		var d = document.getElementById('container');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   533
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   534
		/* global listener object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   535
		var gH = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   536
			write: function(str, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   537
					 d.innerHTML += "ID: " + str;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   538
					 if (args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   539
					 	d.innerHTML += " " + "The arguments are: " + args;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   540
					 }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   541
					 d.innerHTML += "<br>";
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   542
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   543
			start: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   544
					 this.write(id + ": Global Event Start.", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   545
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   546
			complete: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   547
						this.write(id + ": Global Event Complete.  The status code is: " + o.status + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   548
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   549
			success: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   550
					   this.write(id + ": Global Event Success.  The response is: " + o.responseText + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   551
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   552
			failure: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   553
					   this.write(o + ": Global Event Failure.  The status text is: " + o.statusText + ".", args);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   554
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   555
			end: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   556
					 this.write(id + ": Global Event End.", args.end);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   557
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   558
		}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   559
		/* end global listener object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   560
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   561
		/* transaction event object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   562
		var tH = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   563
			write: function(str, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   564
					 d.innerHTML += "ID: " + str;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   565
					 if (args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   566
					 	d.innerHTML += " " + "The arguments are: " + args;
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   567
					 }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   568
					 d.innerHTML += "<br>";
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   569
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   570
			start: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   571
					 this.write(id + ": Transaction Event Start.", args.start);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   572
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   573
			complete: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   574
						this.write(id + ": Transaction Event Complete.  The status code is: " + o.status + ".", args.complete);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   575
				   },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   576
			success: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   577
					   this.write(id + ": Transaction Event Success.  The response is: " + o.responseText + ".", args.success);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   578
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   579
			failure: function(id, o, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   580
					   this.write(id + ": Transaction Event Failure.  The status text is: " + o.statusText + ".", args.failure);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   581
					 },
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   582
			end: function(id, args) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   583
					 this.write(id + ": Transaction Event End.", args.end);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   584
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   585
		}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   586
		/* end transaction event object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   587
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   588
		/* attach global listeners */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   589
		Y.on('io:start', gH.start, gH, 'global foo');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   590
		Y.on('io:complete', gH.complete, gH, 'global bar');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   591
		Y.on('io:success', gH.success, gH, 'global baz');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   592
		Y.on('io:failure', gH.failure, gH);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   593
		Y.on('io:end', gH.abort, gH, 'global boo');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   594
		/* end global listener binding */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   595
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   596
		/* configuration object for transactions */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   597
		var cfg = {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   598
			on: {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   599
				start: tH.start,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   600
				complete: tH.complete,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   601
				success: tH.success,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   602
				failure: tH.failure,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   603
				end: tH.end
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   604
			},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   605
			context: tH,
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   606
			headers: { 'X-Transaction': 'GET Example'},
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   607
			arguments: {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   608
					   start: 'foo',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   609
					   complete: 'bar',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   610
					   success: 'baz',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   611
					   failure: 'Oh no!',
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   612
					   end: 'boo'
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   613
					   }
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   614
		};
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   615
		/* end configuration object */
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   616
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   617
		function call(e, b) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   618
			if (b) {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   619
				Y.io('(assets/)get.php?user=YDN&allListeners=1', cfg);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   620
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   621
			else {
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   622
				Y.io('(assets/)get.php?user=YDN&globalListeners=1');
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   623
			}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   624
		}
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   625
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   626
		Y.on('click', call, "#get1", this, false);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   627
		Y.on('click', call, "#get2", this, true);
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   628
	});</textarea></div>				</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   629
				<div class="yui-u sidebar">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   630
					
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   631
				
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   632
					<div id="examples" class="mod box4">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   633
                        <div class="hd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   634
						<h4>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   635
    IO Examples:</h4>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   636
                        </div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   637
						<div class="bd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   638
							<ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   639
								<li class='selected'><a href='../io/io-get.html'>GET Transaction</a></li><li><a href='../io/io-post.html'>POST Transaction</a></li><li><a href='../io/io-weather.html'>XML Transaction &mdash; Retrieving a Yahoo! Weather RSS (XML) Feed via a Server-Side Proxy</a></li><li><a href='../io/io-xdr.html'>Cross-Domain JSON Transaction &mdash; Retrieving a News Feed from Yahoo! Pipes</a></li><li><a href='../node-menunav/node-menunav-8.html'>Adding Submenus On The Fly (included with examples for MenuNav Node Plugin)</a></li><li><a href='../overlay/overlay-io-plugin.html'>IO Plugin (included with examples for Overlay)</a></li><li><a href='../dd/portal-drag.html'>Portal Style Example (included with examples for Drag &amp; Drop)</a></li>							</ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   640
						</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   641
					</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   642
					
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   643
					<div class="mod box4">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   644
                        <div class="hd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   645
						<h4>More IO Resources:</h4>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   646
                        </div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   647
                        <div class="bd">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   648
						<ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   649
							<!-- <li><a href="http://developer.yahoo.com/yui/io/">User's Guide</a> (external)</li> -->
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   650
<li><a href="../../api/module_io.html">API Documentation</a></li></ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   651
                        </div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   652
					</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   653
			  </div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   654
		</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   655
		
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   656
		</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   657
	</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   658
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   659
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   660
<div class="yui-b toc3" id="tocWrapper">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   661
<!-- TABLE OF CONTENTS -->
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   662
<div id="toc">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   663
	
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   664
<ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   665
<li class="sect first">YUI 3 Resources</li><li class="item"><a title="YUI 3 -- Yahoo! User Interface (YUI) Library" href="http://developer.yahoo.com/yui/3/">YUI 3 Web Site</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="../../examples/">YUI 3 Examples</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="../../api/">YUI 3 API Docs</a></li><li class="item"><a title="YUI 3 Dependency Configurator -- configure your custom YUI implementation" href="http://developer.yahoo.com/yui/3/configurator">YUI 3 Dependency Configurator</a></li><li class="item"><a title="The YUI 3 Forum on YUILibrary.com" href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 Forums (external)</a></li><li class="item"><a title="Found a bug or a missing feature? Let us know on YUILibrary.com." href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/license.html">YUI License</a></li><li class="item"><a title="Download and fork the YUI project on GitHub" href="http://github.com/yui">YUI on Github</a></li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUI Blog (external)</a></li><li class="sect">YUI 3 Core - Examples</li><li class="item"><a title="YUI Global Object - Functional Examples" href="../../examples/yui/index.html">YUI Global Object</a></li><li class="item"><a title="Event - Functional Examples" href="../../examples/event/index.html">Event</a></li><li class="item"><a title="Node - Functional Examples" href="../../examples/node/index.html">Node</a></li><li class="sect">YUI 3 Component Infrastructure - Examples</li><li class="item"><a title="Attribute - Functional Examples" href="../../examples/attribute/index.html">Attribute</a></li><li class="item"><a title="Plugin - Functional Examples" href="../../examples/plugin/index.html">Plugin <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Widget - Functional Examples" href="../../examples/widget/index.html">Widget <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 Utilities - Examples</li><li class="item"><a title="Animation - Functional Examples" href="../../examples/anim/index.html">Animation</a></li><li class="item"><a title="AsyncQueue - Functional Examples" href="../../examples/async-queue/index.html">AsyncQueue</a></li><li class="item"><a title="Browser History - Functional Examples" href="../../examples/history/index.html">Browser History</a></li><li class="item"><a title="Cache - Functional Examples" href="../../examples/cache/index.html">Cache</a></li><li class="item"><a title="Cookie - Functional Examples" href="../../examples/cookie/index.html">Cookie</a></li><li class="item"><a title="DataSchema - Functional Examples" href="../../examples/dataschema/index.html">DataSchema <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="DataSource - Functional Examples" href="../../examples/datasource/index.html">DataSource <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="DataType - Functional Examples" href="../../examples/datatype/index.html">DataType <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Drag &amp; Drop - Functional Examples" href="../../examples/dd/index.html">Drag &amp; Drop</a></li><li class="item"><a title="Get - Functional Examples" href="../../examples/get/index.html">Get</a></li><li class="item"><a title="ImageLoader - Functional Examples" href="../../examples/imageloader/index.html">ImageLoader</a></li><li class="selected "><a title="IO - Functional Examples" href="../../examples/io/index.html">IO</a></li><li class="item"><a title="JSON (JavaScript Object Notation) - Functional Examples" href="../../examples/json/index.html">JSON</a></li><li class="item"><a title="Stylesheet - Functional Examples" href="../../examples/stylesheet/index.html">Stylesheet</a></li><li class="sect">YUI 3 Widgets - Examples</li><li class="item"><a title="Overlay - Functional Examples" href="../../examples/overlay/index.html">Overlay <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Slider - Functional Examples" href="../../examples/slider/index.html">Slider <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 Node Plugins - Examples</li><li class="item"><a title="FocusManager Node Plugin - Functional Examples" href="../../examples/node-focusmanager/index.html">FocusManager Node Plugin <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="MenuNav Node Plugin - Functional Examples" href="../../examples/node-menunav/index.html">MenuNav Node Plugin <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 CSS - Examples</li><li class="item"><a title="YUI CSS Reset - Functional Examples" href="../../examples/cssreset/index.html">CSS Reset</a></li><li class="item"><a title="YUI Fonts - Functional Examples" href="../../examples/cssfonts/index.html">CSS Fonts</a></li><li class="item"><a title="YUI Base - Functional Examples" href="../../examples/cssbase/index.html">CSS Base</a></li><li class="sect">YUI 3 Developer Tools - Examples</li><li class="item"><a title="Console - Functional Examples" href="../../examples/console/index.html">Console <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Console Filters Plugin- Functional Examples" href="../../examples/console-filters/index.html">Plugin.ConsoleFilters <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Profiler - Functional Examples" href="../../examples/profiler/index.html">Profiler</a></li><li class="item"><a title="Test - Functional Examples" href="../../examples/test/index.html">Test</a></li><li class="sect">Other Useful YUI 3 Resources</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li></ul>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   666
</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   667
</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   668
	</div><!--closes bd-->
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   669
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   670
	<div id="ft">
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   671
        <p class="first">Copyright &copy; 2009 Yahoo! Inc. All rights reserved.</p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   672
        <p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> - 
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   673
            <a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> - 
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   674
            <a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> - 
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   675
            <a href="http://careers.yahoo.com/">Job Openings</a></p>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   676
	</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   677
</div>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   678
<script language="javascript"> 
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   679
var yuiConfig = {base:"../../build/", timeout: 10000};
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   680
</script>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   681
<script src="../../assets/syntax.js"></script>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   682
<script src="../../assets/dpSyntaxHighlighter.js"></script>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   683
<script language="javascript"> 
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   684
dp.SyntaxHighlighter.HighlightAll('code'); 
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   685
</script>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   686
</body>
40c8f766c9b8 import from internal svn r 4007
raph
parents:
diff changeset
   687
</html>