Dogcows Code - chaz/p5-CGI-Ex/blob - samples/yaml_js_3.html

   1 <html>
   2 <title>Yaml Test</title>
   3 <body>
   4
   5 <table border=1 cellspacing=0>
   6   <tr>
   7     <td colspan=2>
   8 <script src="../lib/CGI/Ex/yaml_load.js"></script>
   9 <script>
  10
  11 if (! document.yaml_load) {
  12   document.writeln('<span style="color:red"><h1>Missing document.yaml_load</h1>Path to ../lib/CGI/Ex/yaml_load.js may be invalid.</span>');
  13 } else {
  14   document.writeln('<span style="color:green"><h1>Found document.yaml_load</h1></span>');
  15 }
  16
  17 </script>
  18     </td>
  19   </tr>
  20
  21   <tr><th colspan=2>YAML text</th></tr>
  22   <tr>
  23     <td colspan=2>
  24 <pre><script>
  25 var yaml = "\n\
  26 key1_a: &foo1 val1\n\
  27 key2_a: &foo2 { skey2_1: sval2_1 }\n\
  28 key3_a: &foo3\n\
  29   skey3_1: sval3_1\n\
  30 key4_a: &foo4 [ sval4_1, sval4_2 ]\n\
  31 key5_a: &foo5\n\
  32   - sval5_1\n\
  33   - sval5_2\n\
  34 \n\
  35 key1_b: *foo1\n\
  36 key2_b: *foo2\n\
  37 key3_b: *foo3\n\
  38 key4_b: *foo4\n\
  39 key5_b: *foo5\n\
  40 ";
  41
  42 document.write(yaml)
  43 </script></pre>
  44     </td>
  45   </tr>
  46
  47
  48   <tr>
  49     <th>Produces</th><th>Should look like</th>
  50   </tr>
  51   <tr>
  52     <td>
  53 <pre><script>
  54 var t1 = new Date();
  55 var y  = document.yaml_load(yaml)
  56 var t2 = new Date();
  57 document.write(document.js_dump(y));
  58 </script></pre>
  59     </td>
  60     <td>
  61 <pre>Dump:
  62 [obj].0.key1_a=val1
  63 [obj].0.key1_b=val1
  64 [obj].0.key2_a.skey2_1=sval2_1
  65 [obj].0.key2_b.skey2_1=sval2_1
  66 [obj].0.key3_a.skey3_1=sval3_1
  67 [obj].0.key3_b.skey3_1=sval3_1
  68 [obj].0.key4_a.0=sval4_1
  69 [obj].0.key4_a.1=sval4_2
  70 [obj].0.key4_b.0=sval4_1
  71 [obj].0.key4_b.1=sval4_2
  72 [obj].0.key5_a.0=sval5_1
  73 [obj].0.key5_a.1=sval5_2
  74 [obj].0.key5_b.0=sval5_1
  75 [obj].0.key5_b.1=sval5_2
  76 </pre>
  77     </td>
  78   </tr>
  79
  80   <tr>
  81     <td colspan=2>
  82 <script>
  83 document.write("Elapsed time: "+((t2.getTime() - t1.getTime())/1000)+" seconds");
  84 </script>
  85     </td>
  86   </tr>
  87
  88 </body>
  89 </html>