note/example.html at master · breck7/note · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype>
<html>
  <head>
    <script type="text/javascript" src="tests/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="note.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $('button').on('click', function () {
        var note = new Note($('textarea').val())
        $('#json').text(note.to_json())
      })
    })
    </script>
    <style>
    body {
      font-family: Arial;
    }
    textarea {
      width: 400px;
      height: 300px;
    }
    #json {
      width: 400px;
    }
    </style>
  </head>
  <body>
    <h1>Note example</h1>
<textarea>ben
 age 29
lees
 age 58
alex
 age 28
erin
 age 30
conor
 age 32
mairi
 age 23
jack
 age 60
breck
 age 28
</textarea>
<br>
<button>To JSON</button>
<div id="json"></div>
  </body>
</html>