| Akron | 479994e | 2018-07-02 13:21:44 +0200 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>Plugin demo</title> |
| 5 | <link type="text/css" rel="stylesheet" href="/css/kalamar.css" /> |
| 6 | |
| 7 | <!-- load client javascript library --> |
| Akron | a6c32b9 | 2018-07-02 18:39:42 +0200 | [diff] [blame] | 8 | <script src="/js/src/plugin/client.js" data-server="http://localhost:3003/"></script> |
| 9 | <style> |
| 10 | body, html { |
| 11 | padding: 0; |
| 12 | margin: 0; |
| 13 | box-sizing: border-box; |
| 14 | border-width: 0; |
| 15 | } |
| 16 | </style> |
| Akron | 479994e | 2018-07-02 13:21:44 +0200 | [diff] [blame] | 17 | </head> |
| Akron | a6c32b9 | 2018-07-02 18:39:42 +0200 | [diff] [blame] | 18 | <body style="background-color: yellow"> |
| Akron | 479994e | 2018-07-02 13:21:44 +0200 | [diff] [blame] | 19 | <h2>Example Widget!</h2> |
| Akron | a99315e | 2018-07-03 22:56:45 +0200 | [diff] [blame^] | 20 | <script> |
| 21 | function flood () { |
| 22 | var i = 0; |
| 23 | for (; i < 90; i++) { |
| 24 | KorAPlugin._sendMsg({ |
| 25 | 'action' : '-' |
| 26 | }); |
| 27 | }; |
| 28 | }; |
| 29 | </script> |
| Akron | a6c32b9 | 2018-07-02 18:39:42 +0200 | [diff] [blame] | 30 | <ul> |
| 31 | <li><a onclick="KorAPlugin.log(333, 'Huhu!')">Send log!</a></li> |
| 32 | <li><a onclick="KorAPlugin.resize()">Resize</a></li> |
| Akron | a99315e | 2018-07-03 22:56:45 +0200 | [diff] [blame^] | 33 | <li><a onclick="flood()">Flood!</a></li> |
| Akron | a6c32b9 | 2018-07-02 18:39:42 +0200 | [diff] [blame] | 34 | </ul> |
| Akron | 479994e | 2018-07-02 13:21:44 +0200 | [diff] [blame] | 35 | </body> |
| 36 | </html> |