PageRenderTime 157ms CodeModel.GetById 89ms app.highlight 62ms RepoModel.GetById 1ms app.codeStats 1ms

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

#
JavaScript | 532 lines | 389 code | 120 blank | 23 comment | 119 complexity | 15a7a669ee32c42052e2ef1fd124fcff MD5 | raw file
  1/* Functions for the advlink plugin popup */
  2
  3tinyMCEPopup.requireLangPack();
  4
  5var templates = {
  6	"window.open" : "window.open('${url}','${target}','${options}')"
  7};
  8
  9function preinit() {
 10	var url;
 11
 12	if (url = tinyMCEPopup.getParam("external_link_list_url"))
 13		document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');
 14}
 15
 16function changeClass() {
 17	var f = document.forms[0];
 18
 19	f.classes.value = getSelectValue(f, 'classlist');
 20}
 21
 22function init() {
 23	tinyMCEPopup.resizeToInnerSize();
 24
 25	var formObj = document.forms[0];
 26	var inst = tinyMCEPopup.editor;
 27	var elm = inst.selection.getNode();
 28	var action = "insert";
 29	var html;
 30
 31	document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink');
 32	document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink');
 33	document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target');
 34
 35	// Link list
 36	html = getLinkListHTML('linklisthref','href');
 37	if (html == "")
 38		document.getElementById("linklisthrefrow").style.display = 'none';
 39	else
 40		document.getElementById("linklisthrefcontainer").innerHTML = html;
 41
 42	// Anchor list
 43	html = getAnchorListHTML('anchorlist','href');
 44	if (html == "")
 45		document.getElementById("anchorlistrow").style.display = 'none';
 46	else
 47		document.getElementById("anchorlistcontainer").innerHTML = html;
 48
 49	// Resize some elements
 50	if (isVisible('hrefbrowser'))
 51		document.getElementById('href').style.width = '260px';
 52
 53	if (isVisible('popupurlbrowser'))
 54		document.getElementById('popupurl').style.width = '180px';
 55
 56	elm = inst.dom.getParent(elm, "A");
 57	if (elm != null && elm.nodeName == "A")
 58		action = "update";
 59
 60	formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true); 
 61
 62	setPopupControlsDisabled(true);
 63
 64	if (action == "update") {
 65		var href = inst.dom.getAttrib(elm, 'href');
 66		var onclick = inst.dom.getAttrib(elm, 'onclick');
 67
 68		// Setup form data
 69		setFormValue('href', href);
 70		setFormValue('title', inst.dom.getAttrib(elm, 'title'));
 71		setFormValue('id', inst.dom.getAttrib(elm, 'id'));
 72		setFormValue('style', inst.dom.getAttrib(elm, "style"));
 73		setFormValue('rel', inst.dom.getAttrib(elm, 'rel'));
 74		setFormValue('rev', inst.dom.getAttrib(elm, 'rev'));
 75		setFormValue('charset', inst.dom.getAttrib(elm, 'charset'));
 76		setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang'));
 77		setFormValue('dir', inst.dom.getAttrib(elm, 'dir'));
 78		setFormValue('lang', inst.dom.getAttrib(elm, 'lang'));
 79		setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : ""));
 80		setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : ""));
 81		setFormValue('type', inst.dom.getAttrib(elm, 'type'));
 82		setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus'));
 83		setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur'));
 84		setFormValue('onclick', onclick);
 85		setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick'));
 86		setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown'));
 87		setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup'));
 88		setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover'));
 89		setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove'));
 90		setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout'));
 91		setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress'));
 92		setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown'));
 93		setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup'));
 94		setFormValue('target', inst.dom.getAttrib(elm, 'target'));
 95		setFormValue('classes', inst.dom.getAttrib(elm, 'class'));
 96
 97		// Parse onclick data
 98		if (onclick != null && onclick.indexOf('window.open') != -1)
 99			parseWindowOpen(onclick);
100		else
101			parseFunction(onclick);
102
103		// Select by the values
104		selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir'));
105		selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel'));
106		selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev'));
107		selectByValue(formObj, 'linklisthref', href);
108
109		if (href.charAt(0) == '#')
110			selectByValue(formObj, 'anchorlist', href);
111
112		addClassesToList('classlist', 'advlink_styles');
113
114		selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true);
115		selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true);
116	} else
117		addClassesToList('classlist', 'advlink_styles');
118}
119
120function checkPrefix(n) {
121	if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email')))
122		n.value = 'mailto:' + n.value;
123
124	if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external')))
125		n.value = 'http://' + n.value;
126}
127
128function setFormValue(name, value) {
129	document.forms[0].elements[name].value = value;
130}
131
132function parseWindowOpen(onclick) {
133	var formObj = document.forms[0];
134
135	// Preprocess center code
136	if (onclick.indexOf('return false;') != -1) {
137		formObj.popupreturn.checked = true;
138		onclick = onclick.replace('return false;', '');
139	} else
140		formObj.popupreturn.checked = false;
141
142	var onClickData = parseLink(onclick);
143
144	if (onClickData != null) {
145		formObj.ispopup.checked = true;
146		setPopupControlsDisabled(false);
147
148		var onClickWindowOptions = parseOptions(onClickData['options']);
149		var url = onClickData['url'];
150
151		formObj.popupname.value = onClickData['target'];
152		formObj.popupurl.value = url;
153		formObj.popupwidth.value = getOption(onClickWindowOptions, 'width');
154		formObj.popupheight.value = getOption(onClickWindowOptions, 'height');
155
156		formObj.popupleft.value = getOption(onClickWindowOptions, 'left');
157		formObj.popuptop.value = getOption(onClickWindowOptions, 'top');
158
159		if (formObj.popupleft.value.indexOf('screen') != -1)
160			formObj.popupleft.value = "c";
161
162		if (formObj.popuptop.value.indexOf('screen') != -1)
163			formObj.popuptop.value = "c";
164
165		formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes";
166		formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes";
167		formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes";
168		formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes";
169		formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes";
170		formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes";
171		formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes";
172
173		buildOnClick();
174	}
175}
176
177function parseFunction(onclick) {
178	var formObj = document.forms[0];
179	var onClickData = parseLink(onclick);
180
181	// TODO: Add stuff here
182}
183
184function getOption(opts, name) {
185	return typeof(opts[name]) == "undefined" ? "" : opts[name];
186}
187
188function setPopupControlsDisabled(state) {
189	var formObj = document.forms[0];
190
191	formObj.popupname.disabled = state;
192	formObj.popupurl.disabled = state;
193	formObj.popupwidth.disabled = state;
194	formObj.popupheight.disabled = state;
195	formObj.popupleft.disabled = state;
196	formObj.popuptop.disabled = state;
197	formObj.popuplocation.disabled = state;
198	formObj.popupscrollbars.disabled = state;
199	formObj.popupmenubar.disabled = state;
200	formObj.popupresizable.disabled = state;
201	formObj.popuptoolbar.disabled = state;
202	formObj.popupstatus.disabled = state;
203	formObj.popupreturn.disabled = state;
204	formObj.popupdependent.disabled = state;
205
206	setBrowserDisabled('popupurlbrowser', state);
207}
208
209function parseLink(link) {
210	link = link.replace(new RegExp('&#39;', 'g'), "'");
211
212	var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1");
213
214	// Is function name a template function
215	var template = templates[fnName];
216	if (template) {
217		// Build regexp
218		var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi"));
219		var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\(";
220		var replaceStr = "";
221		for (var i=0; i<variableNames.length; i++) {
222			// Is string value
223			if (variableNames[i].indexOf("'${") != -1)
224				regExp += "'(.*)'";
225			else // Number value
226				regExp += "([0-9]*)";
227
228			replaceStr += "$" + (i+1);
229
230			// Cleanup variable name
231			variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), "");
232
233			if (i != variableNames.length-1) {
234				regExp += "\\s*,\\s*";
235				replaceStr += "<delim>";
236			} else
237				regExp += ".*";
238		}
239
240		regExp += "\\);?";
241
242		// Build variable array
243		var variables = [];
244		variables["_function"] = fnName;
245		var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('<delim>');
246		for (var i=0; i<variableNames.length; i++)
247			variables[variableNames[i]] = variableValues[i];
248
249		return variables;
250	}
251
252	return null;
253}
254
255function parseOptions(opts) {
256	if (opts == null || opts == "")
257		return [];
258
259	// Cleanup the options
260	opts = opts.toLowerCase();
261	opts = opts.replace(/;/g, ",");
262	opts = opts.replace(/[^0-9a-z=,]/g, "");
263
264	var optionChunks = opts.split(',');
265	var options = [];
266
267	for (var i=0; i<optionChunks.length; i++) {
268		var parts = optionChunks[i].split('=');
269
270		if (parts.length == 2)
271			options[parts[0]] = parts[1];
272	}
273
274	return options;
275}
276
277function buildOnClick() {
278	var formObj = document.forms[0];
279
280	if (!formObj.ispopup.checked) {
281		formObj.onclick.value = "";
282		return;
283	}
284
285	var onclick = "window.open('";
286	var url = formObj.popupurl.value;
287
288	onclick += url + "','";
289	onclick += formObj.popupname.value + "','";
290
291	if (formObj.popuplocation.checked)
292		onclick += "location=yes,";
293
294	if (formObj.popupscrollbars.checked)
295		onclick += "scrollbars=yes,";
296
297	if (formObj.popupmenubar.checked)
298		onclick += "menubar=yes,";
299
300	if (formObj.popupresizable.checked)
301		onclick += "resizable=yes,";
302
303	if (formObj.popuptoolbar.checked)
304		onclick += "toolbar=yes,";
305
306	if (formObj.popupstatus.checked)
307		onclick += "status=yes,";
308
309	if (formObj.popupdependent.checked)
310		onclick += "dependent=yes,";
311
312	if (formObj.popupwidth.value != "")
313		onclick += "width=" + formObj.popupwidth.value + ",";
314
315	if (formObj.popupheight.value != "")
316		onclick += "height=" + formObj.popupheight.value + ",";
317
318	if (formObj.popupleft.value != "") {
319		if (formObj.popupleft.value != "c")
320			onclick += "left=" + formObj.popupleft.value + ",";
321		else
322			onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',";
323	}
324
325	if (formObj.popuptop.value != "") {
326		if (formObj.popuptop.value != "c")
327			onclick += "top=" + formObj.popuptop.value + ",";
328		else
329			onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',";
330	}
331
332	if (onclick.charAt(onclick.length-1) == ',')
333		onclick = onclick.substring(0, onclick.length-1);
334
335	onclick += "');";
336
337	if (formObj.popupreturn.checked)
338		onclick += "return false;";
339
340	// tinyMCE.debug(onclick);
341
342	formObj.onclick.value = onclick;
343
344	if (formObj.href.value == "")
345		formObj.href.value = url;
346}
347
348function setAttrib(elm, attrib, value) {
349	var formObj = document.forms[0];
350	var valueElm = formObj.elements[attrib.toLowerCase()];
351	var dom = tinyMCEPopup.editor.dom;
352
353	if (typeof(value) == "undefined" || value == null) {
354		value = "";
355
356		if (valueElm)
357			value = valueElm.value;
358	}
359
360	// Clean up the style
361	if (attrib == 'style')
362		value = dom.serializeStyle(dom.parseStyle(value), 'a');
363
364	dom.setAttrib(elm, attrib, value);
365}
366
367function getAnchorListHTML(id, target) {
368	var ed = tinyMCEPopup.editor, nodes = ed.dom.select('a'), name, i, len, html = "";
369
370	for (i=0, len=nodes.length; i<len; i++) {
371		if ((name = ed.dom.getAttrib(nodes[i], "name")) != "")
372			html += '<option value="#' + name + '">' + name + '</option>';
373	}
374
375	if (html == "")
376		return "";
377
378	html = '<select id="' + id + '" name="' + id + '" class="mceAnchorList"'
379		+ ' onchange="this.form.' + target + '.value=this.options[this.selectedIndex].value"'
380		+ '>'
381		+ '<option value="">---</option>'
382		+ html
383		+ '</select>';
384
385	return html;
386}
387
388function insertAction() {
389	var inst = tinyMCEPopup.editor;
390	var elm, elementArray, i;
391
392	elm = inst.selection.getNode();
393	checkPrefix(document.forms[0].href);
394
395	elm = inst.dom.getParent(elm, "A");
396
397	// Remove element if there is no href
398	if (!document.forms[0].href.value) {
399		i = inst.selection.getBookmark();
400		inst.dom.remove(elm, 1);
401		inst.selection.moveToBookmark(i);
402		tinyMCEPopup.execCommand("mceEndUndoLevel");
403		tinyMCEPopup.close();
404		return;
405	}
406
407	// Create new anchor elements
408	if (elm == null) {
409		inst.getDoc().execCommand("unlink", false, null);
410		tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1});
411
412		elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';});
413		for (i=0; i<elementArray.length; i++)
414			setAllAttribs(elm = elementArray[i]);
415	} else
416		setAllAttribs(elm);
417
418	// Don't move caret if selection was image
419	if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') {
420		inst.focus();
421		inst.selection.select(elm);
422		inst.selection.collapse(0);
423		tinyMCEPopup.storeSelection();
424	}
425
426	tinyMCEPopup.execCommand("mceEndUndoLevel");
427	tinyMCEPopup.close();
428}
429
430function setAllAttribs(elm) {
431	var formObj = document.forms[0];
432	var href = formObj.href.value.replace(/ /g, '%20');
433	var target = getSelectValue(formObj, 'targetlist');
434
435	setAttrib(elm, 'href', href);
436	setAttrib(elm, 'title');
437	setAttrib(elm, 'target', target == '_self' ? '' : target);
438	setAttrib(elm, 'id');
439	setAttrib(elm, 'style');
440	setAttrib(elm, 'class', getSelectValue(formObj, 'classlist'));
441	setAttrib(elm, 'rel');
442	setAttrib(elm, 'rev');
443	setAttrib(elm, 'charset');
444	setAttrib(elm, 'hreflang');
445	setAttrib(elm, 'dir');
446	setAttrib(elm, 'lang');
447	setAttrib(elm, 'tabindex');
448	setAttrib(elm, 'accesskey');
449	setAttrib(elm, 'type');
450	setAttrib(elm, 'onfocus');
451	setAttrib(elm, 'onblur');
452	setAttrib(elm, 'onclick');
453	setAttrib(elm, 'ondblclick');
454	setAttrib(elm, 'onmousedown');
455	setAttrib(elm, 'onmouseup');
456	setAttrib(elm, 'onmouseover');
457	setAttrib(elm, 'onmousemove');
458	setAttrib(elm, 'onmouseout');
459	setAttrib(elm, 'onkeypress');
460	setAttrib(elm, 'onkeydown');
461	setAttrib(elm, 'onkeyup');
462
463	// Refresh in old MSIE
464	if (tinyMCE.isMSIE5)
465		elm.outerHTML = elm.outerHTML;
466}
467
468function getSelectValue(form_obj, field_name) {
469	var elm = form_obj.elements[field_name];
470
471	if (!elm || elm.options == null || elm.selectedIndex == -1)
472		return "";
473
474	return elm.options[elm.selectedIndex].value;
475}
476
477function getLinkListHTML(elm_id, target_form_element, onchange_func) {
478	if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0)
479		return "";
480
481	var html = "";
482
483	html += '<select id="' + elm_id + '" name="' + elm_id + '"';
484	html += ' class="mceLinkList" onfoc2us="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
485	html += 'this.options[this.selectedIndex].value;';
486
487	if (typeof(onchange_func) != "undefined")
488		html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);';
489
490	html += '"><option value="">---</option>';
491
492	for (var i=0; i<tinyMCELinkList.length; i++)
493		html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>';
494
495	html += '</select>';
496
497	return html;
498
499	// tinyMCE.debug('-- image list start --', html, '-- image list end --');
500}
501
502function getTargetListHTML(elm_id, target_form_element) {
503	var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';');
504	var html = '';
505
506	html += '<select id="' + elm_id + '" name="' + elm_id + '" onf2ocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
507	html += 'this.options[this.selectedIndex].value;">';
508	html += '<option value="_self">' + tinyMCEPopup.getLang('advlink_dlg.target_same') + '</option>';
509	html += '<option value="_blank">' + tinyMCEPopup.getLang('advlink_dlg.target_blank') + ' (_blank)</option>';
510	html += '<option value="_parent">' + tinyMCEPopup.getLang('advlink_dlg.target_parent') + ' (_parent)</option>';
511	html += '<option value="_top">' + tinyMCEPopup.getLang('advlink_dlg.target_top') + ' (_top)</option>';
512
513	for (var i=0; i<targets.length; i++) {
514		var key, value;
515
516		if (targets[i] == "")
517			continue;
518
519		key = targets[i].split('=')[0];
520		value = targets[i].split('=')[1];
521
522		html += '<option value="' + key + '">' + value + ' (' + key + ')</option>';
523	}
524
525	html += '</select>';
526
527	return html;
528}
529
530// While loading
531preinit();
532tinyMCEPopup.onInit.add(init);