diff options
| author | Jeremy Faivre <jeremy.faivre@gmail.com> | 2012-08-04 03:17:58 +0200 |
|---|---|---|
| committer | Jeremy Faivre <jeremy.faivre@gmail.com> | 2012-08-04 03:17:58 +0200 |
| commit | 52f8447d2180dca96e02b10c60a7cef0b7038b29 (patch) | |
| tree | 94fa4662ed04cf9c214f59e3314ae84f3a168659 /demo | |
| parent | bc778908ab5aa900f0b6cf842e09bdc8d8888488 (diff) | |
| download | yamljs-52f8447d2180dca96e02b10c60a7cef0b7038b29.tar.gz | |
Cleaned-up files and added compatibility with node.js
Diffstat (limited to 'demo')
| -rw-r--r-- | demo/demo.html | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/demo/demo.html b/demo/demo.html new file mode 100644 index 0000000..87a4f10 --- /dev/null +++ b/demo/demo.html @@ -0,0 +1,113 @@ +<!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: 15px; + width: 50%; + border: none; + position: absolute; + top: 5em; + left: 50%; + overflow: auto; + z-index: 2; + height: 100%; + } + #tests { + width: 50%; + border: none; + position: absolute; + top: 0; + left: 50%; + z-index: 2; + } + </style> + + <!-- standalone yaml.js library --> + <script type="text/javascript" src="../bin/yaml.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="try{document.getElementById('result').innerHTML=JSON.stringify(YAML.parse(document.getElementById('yaml').value))}catch(e){alert(e);}" /> +<div id="tests"><span>You could also try to run some <a href="tests.html" title="Jasmine tests">javascript tests</a> based on <a href="http://www.yaml.org/YAML_for_ruby.html">YAML cookbook for Ruby</a>. All tests should pass. Those that don't are commented out; they deal with multiple YAML documents in one stream which is not supported by yaml.js (and Symfony)</span></div> +<div id="result"></div> + +</form> +</body> +</html>
\ No newline at end of file |