wopi2/trunk/preview.js

// preview, html-like
function preview_html(name) {

        var html = document.getElementById(name).value;
        if (html === undefined) {
                alert('no source element '+name+' for preview');
        } else {
                html = html.replace(
                        /(\n|\r)/g,'<br />'
                ).replace(/(<br \/>){2,}/gi,'<'+'p></p>'
                ).replace(/\[\s+\]/g,'<input type="checkbox" disabled />'
                ).replace(/\[[\*+x]\]/g,'<input type="checkbox" checked disabled />'
                ).replace(/\(\s+\)/g,'<input type="radio" disabled />'
                ).replace(/\([\*+x]\)/g,'<input type="radio" checked disabled />'
                ).replace(/\b______________+(\d*)\b/g,'##text#80#$1#'
                ).replace(/\b_____________(\d*)\b/g,'##text#70#$1#'
                ).replace(/\b____________(\d*)\b/g,'##text#60#$1#'
                ).replace(/\b___________(\d*)\b/g,'##text#50#$1#'
                ).replace(/\b__________(\d*)\b/g,'##text#40#$1#'
                ).replace(/\b_________(\d*)\b/g,'##text#35#$1#'
                ).replace(/\b________(\d*)\b/g,'##text#30#$1#'
                ).replace(/\b_______(\d*)\b/g,'##text#25#$1#'
                ).replace(/\b______(\d*)\b/g,'##text#20#$1#'
                ).replace(/\b_____(\d*)\b/g,'##text#15#$1#'
                ).replace(/\b____(\d*)\b/g,'##text#10#$1#'
                ).replace(/\b___(\d*)\b/g,'##text#5#$1#'
                ).replace(/\b__(\d*)\b/g,'##text#2#$1#'
                ).replace(/\b_(\d*)\b/g,'##text#1#$1#'
                ).replace(
                /##text#(\d+)##/g,'<input type="text" size="$1" readonly />'
                ).replace(
                /##text#(\d+)#(\d+)#/g,'<textarea cols="$1" rows="$2" readonly> </textarea>'
                );

                var el = document.getElementById(name+'_preview');
                if (el) {
                        el.innerHTML = '<p>'+html+'</p>';
                } else {
                        alert('no div '+name+'_preview');
                }
        }
}

// preview, no formatting
function preview_text(name) {
        var text = document.getElementById(name).value;
        var div = document.getElementById(name+'_preview');
        if (div) {
                div.innerHTML = text;
        } else {
                alert('no '+name+'_preview div!');
        }
}
1	dpavlin	1	// preview, html-like
2			function preview_html(name) {
3
4			var html = document.getElementById(name).value;
5			if (html === undefined) {
6			alert('no source element '+name+' for preview');
7			} else {
8			html = html.replace(
9			/(\n\|\r)/g,'<br />'
10			).replace(/(<br \/>){2,}/gi,'<'+'p></p>'
11			).replace(/\[\s+\]/g,'<input type="checkbox" disabled />'
12			).replace(/\[[\*+x]\]/g,'<input type="checkbox" checked disabled />'
13			).replace(/\(\s+\)/g,'<input type="radio" disabled />'
14			).replace(/\([\*+x]\)/g,'<input type="radio" checked disabled />'
15			).replace(/\b______________+(\d*)\b/g,'##text#80#$1#'
16			).replace(/\b_____________(\d*)\b/g,'##text#70#$1#'
17			).replace(/\b____________(\d*)\b/g,'##text#60#$1#'
18			).replace(/\b___________(\d*)\b/g,'##text#50#$1#'
19			).replace(/\b__________(\d*)\b/g,'##text#40#$1#'
20			).replace(/\b_________(\d*)\b/g,'##text#35#$1#'
21			).replace(/\b________(\d*)\b/g,'##text#30#$1#'
22			).replace(/\b_______(\d*)\b/g,'##text#25#$1#'
23			).replace(/\b______(\d*)\b/g,'##text#20#$1#'
24			).replace(/\b_____(\d*)\b/g,'##text#15#$1#'
25			).replace(/\b____(\d*)\b/g,'##text#10#$1#'
26			).replace(/\b___(\d*)\b/g,'##text#5#$1#'
27			).replace(/\b__(\d*)\b/g,'##text#2#$1#'
28			).replace(/\b_(\d*)\b/g,'##text#1#$1#'
29			).replace(
30			/##text#(\d+)##/g,'<input type="text" size="$1" readonly />'
31			).replace(
32			/##text#(\d+)#(\d+)#/g,'<textarea cols="$1" rows="$2" readonly> </textarea>'
33			);
34
35			var el = document.getElementById(name+'_preview');
36			if (el) {
37			el.innerHTML = '<p>'+html+'</p>';
38			} else {
39			alert('no div '+name+'_preview');
40			}
41			}
42			}
43
44			// preview, no formatting
45			function preview_text(name) {
46			var text = document.getElementById(name).value;
47			var div = document.getElementById(name+'_preview');
48			if (div) {
49			div.innerHTML = text;
50			} else {
51			alert('no '+name+'_preview div!');
52			}
53			}