Mercurial Hosting > freedit
comparison src/bbcode/test.html @ 44:96f0c3d65698
add /bbcode
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Thu, 10 Nov 2022 23:18:58 -0700 |
parents | |
children | 289718f121e4 |
comparison
equal
deleted
inserted
replaced
43:298c71e0c854 | 44:96f0c3d65698 |
---|---|
1 <!doctype html> | |
2 <html> | |
3 <head> | |
4 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
5 <style> | |
6 @import "bbcode.css"; | |
7 | |
8 [message] { | |
9 white-space: pre-wrap; | |
10 line-height: 1.4; | |
11 } | |
12 </style> | |
13 <script src="bbcode.js"></script> | |
14 <script> | |
15 // from /site.js | |
16 function ajax(url,postData) { | |
17 let request = new XMLHttpRequest(); | |
18 let method = postData ? 'POST' : 'GET'; | |
19 request.open( method, url ); | |
20 if( postData ) | |
21 request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); | |
22 request.onload = function() { | |
23 if( request.status !== 200 ) { | |
24 window.console && console.log( 'ajax failed: ' + request.status ); | |
25 if( request.responseText ) | |
26 document.write('<pre>'+request.responseText+'</pre>'); | |
27 return; | |
28 } | |
29 eval( request.responseText ); | |
30 }; | |
31 request.send(postData); | |
32 } | |
33 | |
34 function save(event) { | |
35 let div = getBbcodeDiv(event.target); | |
36 let text = div.querySelector('textarea').value; | |
37 ajax( 'test.js?text=' + encodeURIComponent(text) ); | |
38 } | |
39 | |
40 function init() { | |
41 bbcodeCreate('p[edit]',{ | |
42 save: save | |
43 }); | |
44 } | |
45 </script> | |
46 </head> | |
47 <body onload='init()'> | |
48 <p>top</p> | |
49 <p edit></p> | |
50 <p>result:</p> | |
51 <p result><div message></div></p> | |
52 <p>bottom</p> | |
53 </body> | |
54 </html> |