| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 | 
							- <!DOCTYPE html>
 
- <html>
 
- <head>
 
- 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
- 	<style type="text/css">
 
- 	/*
 
- 	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 
- 	Code licensed under the BSD License:
 
- 	http://developer.yahoo.com/yui/license.html
 
- 	version: 3.2.0
 
- 	build: 2676
 
- 	*/
 
- 	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
 
- 	
 
- 	/*
 
- 	 * Custom styles
 
- 	 */
 
- 	body {
 
- 		width: 100%;
 
- 		overflow: hidden;
 
- 	}
 
- 	#parse {
 
- 		border: none;
 
- 		background-color: white;
 
- 		color: black;
 
- 		z-index: 3;
 
- 		position: absolute;
 
- 		right: 50%;
 
- 		top: 0;
 
- 		width: 100px;
 
- 	}
 
- 	#yaml {
 
- 		color: white;
 
- 		background-color: black;
 
- 		font-family: "Courier New";
 
- 		font-size: 14px;
 
- 		width: 50%;
 
- 		border: none;
 
- 		position: absolute;
 
- 		top: 0;
 
- 		left: 0;
 
- 		z-index: 1;
 
- 		height: 100%;
 
- 	}
 
- 	#result {
 
- 		color: black;
 
- 		background-color: white;
 
- 		font-family: "Courier New";
 
- 		font-size: 12px;
 
- 		width: 50%;		
 
- 		border: none;
 
- 		position: absolute;
 
- 		top: 0;
 
- 		left: 50%;
 
- 		overflow: auto;
 
- 		z-index: 2;
 
- 		height: 100%;
 
-         vertical-align: top;
 
-         overflow: auto;
 
- 	}
 
- 	#tests {
 
- 		width: 50%;		
 
- 		border: none;
 
- 		position: absolute;
 
- 		top: 0;
 
- 		left: 50%;
 
- 		z-index: 2;
 
- 	}
 
- 	</style>
 
- 	
 
- 	<!-- standalone yaml.js library -->
 
- 	<script type="text/javascript" src="../dist/yaml.debug.js"></script>
 
- 		
 
- 	<title>yaml.js demo</title>
 
- </head>
 
- <body>
 
- <form action="" onsubmit="return false;">
 
- 	<textarea name="yaml" id="yaml" cols="70" rows="20">--- !clarkevans.com/^invoice
 
- invoice: 34843
 
- date   : 2001-01-23
 
- bill-to: &id001
 
-     given  : Chris
 
-     family : Dumars
 
-     address:
 
-         lines: |
 
-             458 Walkman Dr.
 
-             Suite #292
 
-         city    : Royal Oak
 
-         state   : MI
 
-         postal  : 48046
 
- ship-to: *id001
 
- product:
 
-     - sku         : "BL394D"
 
-       quantity    : 4
 
-       description : Basketball
 
-       price       : 450.00
 
-     - sku         : BL4438H
 
-       quantity    : 1
 
-       description : Super Hoop
 
-       price       : 2392.00
 
- tax  : 251.42
 
- total: 4443.52
 
- comments: >
 
-     Late afternoon is best.
 
-     Backup contact is Nancy
 
-     Billsmer @ 338-4338.
 
- </textarea>
 
- <input type="button" id="parse" name="parse" value="Parse »" onclick="document.getElementById('result').innerHTML='<pre>'+JSON.stringify(YAML.parse(document.getElementById('yaml').value), null, 4)+'</pre>'" />
 
- <div id="result"></div>
 
- </form>
 
- </body>
 
- </html>
 
 
  |