PageRenderTime 50ms CodeModel.GetById 20ms app.highlight 26ms RepoModel.GetById 2ms app.codeStats 0ms

/BlogEngine/BlogEngine.NET/editors/tiny_mce_3_4_3_1/plugins/fullpage/js/fullpage.js

#
JavaScript | 232 lines | 162 code | 50 blank | 20 comment | 39 complexity | a7913b6b1a1ae634a509c3db9faf381a MD5 | raw file
  1/**
  2 * fullpage.js
  3 *
  4 * Copyright 2009, Moxiecode Systems AB
  5 * Released under LGPL License.
  6 *
  7 * License: http://tinymce.moxiecode.com/license
  8 * Contributing: http://tinymce.moxiecode.com/contributing
  9 */
 10
 11(function() {
 12	tinyMCEPopup.requireLangPack();
 13
 14	var defaultDocTypes = 
 15		'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +
 16		'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +
 17		'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +
 18		'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +
 19		'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +
 20		'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +
 21		'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">';
 22
 23	var defaultEncodings = 
 24		'Western european (iso-8859-1)=iso-8859-1,' +
 25		'Central European (iso-8859-2)=iso-8859-2,' +
 26		'Unicode (UTF-8)=utf-8,' +
 27		'Chinese traditional (Big5)=big5,' +
 28		'Cyrillic (iso-8859-5)=iso-8859-5,' +
 29		'Japanese (iso-2022-jp)=iso-2022-jp,' +
 30		'Greek (iso-8859-7)=iso-8859-7,' +
 31		'Korean (iso-2022-kr)=iso-2022-kr,' +
 32		'ASCII (us-ascii)=us-ascii';
 33
 34	var defaultFontNames = 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings';
 35	var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';
 36
 37	function setVal(id, value) {
 38		var elm = document.getElementById(id);
 39
 40		if (elm) {
 41			value = value || '';
 42
 43			if (elm.nodeName == "SELECT")
 44				selectByValue(document.forms[0], id, value);
 45			else if (elm.type == "checkbox")
 46				elm.checked = !!value;
 47			else
 48				elm.value = value;
 49		}
 50	};
 51
 52	function getVal(id) {
 53		var elm = document.getElementById(id);
 54
 55		if (elm.nodeName == "SELECT")
 56			return elm.options[elm.selectedIndex].value;
 57
 58		if (elm.type == "checkbox")
 59			return elm.checked;
 60
 61		return elm.value;
 62	};
 63
 64	window.FullPageDialog = {
 65		changedStyle : function() {
 66			var val, styles = tinyMCEPopup.editor.dom.parseStyle(getVal('style'));
 67
 68			setVal('fontface', styles['font-face']);
 69			setVal('fontsize', styles['font-size']);
 70			setVal('textcolor', styles['color']);
 71
 72			if (val = styles['background-image'])
 73				setVal('bgimage', val.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"));
 74			else
 75				setVal('bgimage', '');
 76
 77			setVal('bgcolor', styles['background-color']);
 78
 79			// Reset margin form elements
 80			setVal('topmargin', '');
 81			setVal('rightmargin', '');
 82			setVal('bottommargin', '');
 83			setVal('leftmargin', '');
 84
 85			// Expand margin
 86			if (val = styles['margin']) {
 87				val = val.split(' ');
 88				styles['margin-top'] = val[0] || '';
 89				styles['margin-right'] = val[1] || val[0] || '';
 90				styles['margin-bottom'] = val[2] || val[0] || '';
 91				styles['margin-left'] = val[3] || val[0] || '';
 92			}
 93
 94			if (val = styles['margin-top'])
 95				setVal('topmargin', val.replace(/px/, ''));
 96
 97			if (val = styles['margin-right'])
 98				setVal('rightmargin', val.replace(/px/, ''));
 99
100			if (val = styles['margin-bottom'])
101				setVal('bottommargin', val.replace(/px/, ''));
102
103			if (val = styles['margin-left'])
104				setVal('leftmargin', val.replace(/px/, ''));
105
106			updateColor('bgcolor_pick', 'bgcolor');
107			updateColor('textcolor_pick', 'textcolor');
108		},
109
110		changedStyleProp : function() {
111			var val, dom = tinyMCEPopup.editor.dom, styles = dom.parseStyle(getVal('style'));
112	
113			styles['font-face'] = getVal('fontface');
114			styles['font-size'] = getVal('fontsize');
115			styles['color'] = getVal('textcolor');
116			styles['background-color'] = getVal('bgcolor');
117
118			if (val = getVal('bgimage'))
119				styles['background-image'] = "url('" + val + "')";
120			else
121				styles['background-image'] = '';
122
123			delete styles['margin'];
124
125			if (val = getVal('topmargin'))
126				styles['margin-top'] = val + "px";
127			else
128				styles['margin-top'] = '';
129
130			if (val = getVal('rightmargin'))
131				styles['margin-right'] = val + "px";
132			else
133				styles['margin-right'] = '';
134
135			if (val = getVal('bottommargin'))
136				styles['margin-bottom'] = val + "px";
137			else
138				styles['margin-bottom'] = '';
139
140			if (val = getVal('leftmargin'))
141				styles['margin-left'] = val + "px";
142			else
143				styles['margin-left'] = '';
144
145			// Serialize, parse and reserialize this will compress redundant styles
146			setVal('style', dom.serializeStyle(dom.parseStyle(dom.serializeStyle(styles))));
147			this.changedStyle();
148		},
149		
150		update : function() {
151			var data = {};
152
153			tinymce.each(tinyMCEPopup.dom.select('select,input,textarea'), function(node) {
154				data[node.id] = getVal(node.id);
155			});
156
157			tinyMCEPopup.editor.plugins.fullpage._dataToHtml(data);
158			tinyMCEPopup.close();
159		}
160	};
161	
162	function init() {
163		var form = document.forms[0], i, item, list, editor = tinyMCEPopup.editor;
164
165		// Setup doctype select box
166		list = editor.getParam("fullpage_doctypes", defaultDocTypes).split(',');
167		for (i = 0; i < list.length; i++) {
168			item = list[i].split('=');
169
170			if (item.length > 1)
171				addSelectValue(form, 'doctype', item[0], item[1]);
172		}
173
174		// Setup fonts select box
175		list = editor.getParam("fullpage_fonts", defaultFontNames).split(';');
176		for (i = 0; i < list.length; i++) {
177			item = list[i].split('=');
178
179			if (item.length > 1)
180				addSelectValue(form, 'fontface', item[0], item[1]);
181		}
182
183		// Setup fontsize select box
184		list = editor.getParam("fullpage_fontsizes", defaultFontSizes).split(',');
185		for (i = 0; i < list.length; i++)
186			addSelectValue(form, 'fontsize', list[i], list[i]);
187
188		// Setup encodings select box
189		list = editor.getParam("fullpage_encodings", defaultEncodings).split(',');
190		for (i = 0; i < list.length; i++) {
191			item = list[i].split('=');
192
193			if (item.length > 1)
194				addSelectValue(form, 'docencoding', item[0], item[1]);
195		}
196
197		// Setup color pickers
198		document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
199		document.getElementById('link_color_pickcontainer').innerHTML = getColorPickerHTML('link_color_pick','link_color');
200		document.getElementById('visited_color_pickcontainer').innerHTML = getColorPickerHTML('visited_color_pick','visited_color');
201		document.getElementById('active_color_pickcontainer').innerHTML = getColorPickerHTML('active_color_pick','active_color');
202		document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor');
203		document.getElementById('stylesheet_browsercontainer').innerHTML = getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage');
204		document.getElementById('bgimage_pickcontainer').innerHTML = getBrowserHTML('bgimage_browser','bgimage','image','fullpage');
205
206		// Resize some elements
207		if (isVisible('stylesheetbrowser'))
208			document.getElementById('stylesheet').style.width = '220px';
209
210		if (isVisible('link_href_browser'))
211			document.getElementById('element_link_href').style.width = '230px';
212
213		if (isVisible('bgimage_browser'))
214			document.getElementById('bgimage').style.width = '210px';
215
216		// Update form
217		tinymce.each(tinyMCEPopup.getWindowArg('data'), function(value, key) {
218			setVal(key, value);
219		});
220
221		FullPageDialog.changedStyle();
222
223		// Update colors
224		updateColor('textcolor_pick', 'textcolor');
225		updateColor('bgcolor_pick', 'bgcolor');
226		updateColor('visited_color_pick', 'visited_color');
227		updateColor('active_color_pick', 'active_color');
228		updateColor('link_color_pick', 'link_color');
229	};
230
231	tinyMCEPopup.onInit.add(init);
232})();