--- /dev/null
+/**\r
+ * $RCSfile: form_utils.js,v $\r
+ * $Revision: 1.5 $\r
+ * $Date: 2005/10/25 16:01:51 $\r
+ *\r
+ * Various form utilitiy functions.\r
+ *\r
+ * @author Moxiecode\r
+ * @copyright Copyright © 2005, Moxiecode Systems AB, All rights reserved.\r
+ */\r
+\r
+function getColorPickerHTML(id, target_form_element) {\r
+ var html = "";\r
+\r
+ html += '<a id="' + id + '_link" href="javascript:void(0);" onkeydown="pickColor(event,\'' + target_form_element +'\');" onmousedown="pickColor(event,\'' + target_form_element +'\');return false;">';\r
+ html += '<img id="' + id + '" src="../../themes/advanced/images/color.gif"';\r
+ html += ' onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');"';\r
+ html += ' onmouseout="tinyMCE.restoreClass(this);"';\r
+ html += ' onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');"';\r
+ html += ' width="20" height="16" border="0" title="' + tinyMCE.getLang('lang_browse') + '"';\r
+ html += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" /></a>';\r
+\r
+ return html;\r
+}\r
+\r
+function pickColor(e, target_form_element) {\r
+ if ((e.keyCode == 32 || e.keyCode == 13) || e.type == "mousedown")\r
+ tinyMCEPopup.pickColor(e, target_form_element);\r
+}\r
+\r
+function updateColor(img_id, form_element_id) {\r
+ document.getElementById(img_id).style.backgroundColor = document.forms[0].elements[form_element_id].value;\r
+}\r
+\r
+function setBrowserDisabled(id, state) {\r
+ var img = document.getElementById(id);\r
+ var lnk = document.getElementById(id + "_link");\r
+\r
+ if (lnk) {\r
+ if (state) {\r
+ lnk.setAttribute("realhref", lnk.getAttribute("href"));\r
+ lnk.removeAttribute("href");\r
+ tinyMCE.switchClass(img, 'mceButtonDisabled', true);\r
+ } else {\r
+ lnk.setAttribute("href", lnk.getAttribute("realhref"));\r
+ tinyMCE.switchClass(img, 'mceButtonNormal', false);\r
+ }\r
+ }\r
+}\r
+\r
+function getBrowserHTML(id, target_form_element, type, prefix) {\r
+ var option = prefix + "_" + type + "_browser_callback";\r
+ var cb = tinyMCE.getParam(option, tinyMCE.getParam("file_browser_callback"));\r
+ if (cb == null)\r
+ return "";\r
+\r
+ var html = "";\r
+\r
+ html += '<a id="' + id + '_link" href="javascript:openBrower(\'' + id + '\',\'' + target_form_element + '\', \'' + type + '\',\'' + option + '\');" onmousedown="return false;">';\r
+ html += '<img id="' + id + '" src="../../themes/advanced/images/browse.gif"';\r
+ html += ' onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');"';\r
+ html += ' onmouseout="tinyMCE.restoreClass(this);"';\r
+ html += ' onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');"';\r
+ html += ' width="20" height="18" border="0" title="' + tinyMCE.getLang('lang_browse') + '"';\r
+ html += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" /></a>';\r
+\r
+ return html;\r
+}\r
+\r
+function openBrower(img_id, target_form_element, type, option) {\r
+ var img = document.getElementById(img_id);\r
+\r
+ if (img.className != "mceButtonDisabled")\r
+ tinyMCEPopup.openBrowser(target_form_element, type, option);\r
+}\r
+\r
+function selectByValue(form_obj, field_name, value, add_custom) {\r
+ if (!form_obj || !form_obj.elements[field_name])\r
+ return;\r
+\r
+ var sel = form_obj.elements[field_name];\r
+\r
+ var found = false;\r
+ for (var i=0; i<sel.options.length; i++) {\r
+ var option = sel.options[i];\r
+\r
+ if (option.value == value) {\r
+ option.selected = true;\r
+ found = true;\r
+ } else\r
+ option.selected = false;\r
+ }\r
+\r
+ if (!found && add_custom && value != '') {\r
+ var option = new Option('Value: ' + value, value);\r
+ option.selected = true;\r
+ sel.options[sel.options.length] = option;\r
+ }\r
+\r
+ return found;\r
+}\r
+\r
+function getSelectValue(form_obj, field_name) {\r
+ var elm = form_obj.elements[field_name];\r
+\r
+ if (elm == null || elm.options == null)\r
+ return "";\r
+\r
+ return elm.options[elm.selectedIndex].value;\r
+}\r
+\r
+function addClassesToList(list_id, specific_option) {\r
+ // Setup class droplist\r
+ var styleSelectElm = document.getElementById(list_id);\r
+ var styles = tinyMCE.getParam('theme_advanced_styles', false);\r
+ styles = tinyMCE.getParam(specific_option, styles);\r
+\r
+ if (styles) {\r
+ var stylesAr = styles.split(';');\r
+\r
+ for (var i=0; i<stylesAr.length; i++) {\r
+ if (stylesAr != "") {\r
+ var key, value;\r
+\r
+ key = stylesAr[i].split('=')[0];\r
+ value = stylesAr[i].split('=')[1];\r
+\r
+ styleSelectElm.options[styleSelectElm.length] = new Option(key, value);\r
+ }\r
+ }\r
+ } else {\r
+ // Use auto impored classes\r
+ var csses = tinyMCE.getCSSClasses(tinyMCE.getWindowArg('editor_id'));\r
+ for (var i=0; i<csses.length; i++)\r
+ styleSelectElm.options[styleSelectElm.length] = new Option(csses[i], csses[i]);\r
+ }\r
+}\r
+\r
+function isVisible(element_id) {\r
+ var elm = document.getElementById(element_id);\r
+\r
+ return elm && elm.style.display != "none";\r
+}\r
+\r
+function convertRGBToHex(col) {\r
+ var re = new RegExp("rgb\\s*\\(\\s*([0-9]+).*,\\s*([0-9]+).*,\\s*([0-9]+).*\\)", "gi");\r
+\r
+ var rgb = col.replace(re, "$1,$2,$3").split(',');\r
+ if (rgb.length == 3) {\r
+ r = parseInt(rgb[0]).toString(16);\r
+ g = parseInt(rgb[1]).toString(16);\r
+ b = parseInt(rgb[2]).toString(16);\r
+\r
+ r = r.length == 1 ? '0' + r : r;\r
+ g = g.length == 1 ? '0' + g : g;\r
+ b = b.length == 1 ? '0' + b : b;\r
+\r
+ return "#" + r + g + b;\r
+ }\r
+\r
+ return col;\r
+}\r
+\r
+function convertHexToRGB(col) {\r
+ if (col.indexOf('#') != -1) {\r
+ col = col.replace(new RegExp('[^0-9A-F]', 'gi'), '');\r
+\r
+ r = parseInt(col.substring(0, 2), 16);\r
+ g = parseInt(col.substring(2, 4), 16);\r
+ b = parseInt(col.substring(4, 6), 16);\r
+\r
+ return "rgb(" + r + "," + g + "," + b + ")";\r
+ }\r
+\r
+ return col;\r
+}\r
+\r
+function trimSize(size) {\r
+ return size.replace(new RegExp('[^0-9%]', 'gi'), '');\r
+}\r
+\r
+function getCSSSize(size) {\r
+ size = trimSize(size);\r
+\r
+ if (size == "")\r
+ return "";\r
+\r
+ return size.indexOf('%') != -1 ? size : size + "px";\r
+}\r
+\r
+function getStyle(elm, attrib, style) {\r
+ var val = tinyMCE.getAttrib(elm, attrib);\r
+\r
+ if (val != '')\r
+ return '' + val;\r
+\r
+ if (typeof(style) == 'undefined')\r
+ style = attrib;\r
+\r
+ val = eval('elm.style.' + style);\r
+\r
+ return val == null ? '' : '' + val;\r
+}\r