webcit/tiny_mce/utils/form_utils.js

   1 /**\r
   2  * form_utils.js\r
   3  *\r
   4  * Copyright 2009, Moxiecode Systems AB\r
   5  * Released under LGPL License.\r
   6  *\r
   7  * License: http://tinymce.moxiecode.com/license\r
   8  * Contributing: http://tinymce.moxiecode.com/contributing\r
   9  */\r
  10 \r
  11 var themeBaseURL = tinyMCEPopup.editor.baseURI.toAbsolute('themes/' + tinyMCEPopup.getParam("theme"));\r
  12 \r
  13 function getColorPickerHTML(id, target_form_element) {\r
  14         var h = "", dom = tinyMCEPopup.dom;\r
  15 \r
  16         if (label = dom.select('label[for=' + target_form_element + ']')[0]) {\r
  17                 label.id = label.id || dom.uniqueId();\r
  18         }\r
  19 \r
  20         h += '<a role="button" aria-labelledby="' + id + '_label" id="' + id + '_link" href="javascript:;" onclick="tinyMCEPopup.pickColor(event,\'' + target_form_element +'\');" onmousedown="return false;" class="pickcolor">';\r
  21         h += '<span id="' + id + '" title="' + tinyMCEPopup.getLang('browse') + '">&nbsp;<span id="' + id + '_label" class="mceVoiceLabel mceIconOnly" style="display:none;">' + tinyMCEPopup.getLang('browse') + '</span></span></a>';\r
  22 \r
  23         return h;\r
  24 }\r
  25 \r
  26 function updateColor(img_id, form_element_id) {\r
  27         document.getElementById(img_id).style.backgroundColor = document.forms[0].elements[form_element_id].value;\r
  28 }\r
  29 \r
  30 function setBrowserDisabled(id, state) {\r
  31         var img = document.getElementById(id);\r
  32         var lnk = document.getElementById(id + "_link");\r
  33 \r
  34         if (lnk) {\r
  35                 if (state) {\r
  36                         lnk.setAttribute("realhref", lnk.getAttribute("href"));\r
  37                         lnk.removeAttribute("href");\r
  38                         tinyMCEPopup.dom.addClass(img, 'disabled');\r
  39                 } else {\r
  40                         if (lnk.getAttribute("realhref"))\r
  41                                 lnk.setAttribute("href", lnk.getAttribute("realhref"));\r
  42 \r
  43                         tinyMCEPopup.dom.removeClass(img, 'disabled');\r
  44                 }\r
  45         }\r
  46 }\r
  47 \r
  48 function getBrowserHTML(id, target_form_element, type, prefix) {\r
  49         var option = prefix + "_" + type + "_browser_callback", cb, html;\r
  50 \r
  51         cb = tinyMCEPopup.getParam(option, tinyMCEPopup.getParam("file_browser_callback"));\r
  52 \r
  53         if (!cb)\r
  54                 return "";\r
  55 \r
  56         html = "";\r
  57         html += '<a id="' + id + '_link" href="javascript:openBrowser(\'' + id + '\',\'' + target_form_element + '\', \'' + type + '\',\'' + option + '\');" onmousedown="return false;" class="browse">';\r
  58         html += '<span id="' + id + '" title="' + tinyMCEPopup.getLang('browse') + '">&nbsp;</span></a>';\r
  59 \r
  60         return html;\r
  61 }\r
  62 \r
  63 function openBrowser(img_id, target_form_element, type, option) {\r
  64         var img = document.getElementById(img_id);\r
  65 \r
  66         if (img.className != "mceButtonDisabled")\r
  67                 tinyMCEPopup.openBrowser(target_form_element, type, option);\r
  68 }\r
  69 \r
  70 function selectByValue(form_obj, field_name, value, add_custom, ignore_case) {\r
  71         if (!form_obj || !form_obj.elements[field_name])\r
  72                 return;\r
  73 \r
  74         if (!value)\r
  75                 value = "";\r
  76 \r
  77         var sel = form_obj.elements[field_name];\r
  78 \r
  79         var found = false;\r
  80         for (var i=0; i<sel.options.length; i++) {\r
  81                 var option = sel.options[i];\r
  82 \r
  83                 if (option.value == value || (ignore_case && option.value.toLowerCase() == value.toLowerCase())) {\r
  84                         option.selected = true;\r
  85                         found = true;\r
  86                 } else\r
  87                         option.selected = false;\r
  88         }\r
  89 \r
  90         if (!found && add_custom && value != '') {\r
  91                 var option = new Option(value, value);\r
  92                 option.selected = true;\r
  93                 sel.options[sel.options.length] = option;\r
  94                 sel.selectedIndex = sel.options.length - 1;\r
  95         }\r
  96 \r
  97         return found;\r
  98 }\r
  99 \r
 100 function getSelectValue(form_obj, field_name) {\r
 101         var elm = form_obj.elements[field_name];\r
 102 \r
 103         if (elm == null || elm.options == null || elm.selectedIndex === -1)\r
 104                 return "";\r
 105 \r
 106         return elm.options[elm.selectedIndex].value;\r
 107 }\r
 108 \r
 109 function addSelectValue(form_obj, field_name, name, value) {\r
 110         var s = form_obj.elements[field_name];\r
 111         var o = new Option(name, value);\r
 112         s.options[s.options.length] = o;\r
 113 }\r
 114 \r
 115 function addClassesToList(list_id, specific_option) {\r
 116         // Setup class droplist\r
 117         var styleSelectElm = document.getElementById(list_id);\r
 118         var styles = tinyMCEPopup.getParam('theme_advanced_styles', false);\r
 119         styles = tinyMCEPopup.getParam(specific_option, styles);\r
 120 \r
 121         if (styles) {\r
 122                 var stylesAr = styles.split(';');\r
 123 \r
 124                 for (var i=0; i<stylesAr.length; i++) {\r
 125                         if (stylesAr != "") {\r
 126                                 var key, value;\r
 127 \r
 128                                 key = stylesAr[i].split('=')[0];\r
 129                                 value = stylesAr[i].split('=')[1];\r
 130 \r
 131                                 styleSelectElm.options[styleSelectElm.length] = new Option(key, value);\r
 132                         }\r
 133                 }\r
 134         } else {\r
 135                 tinymce.each(tinyMCEPopup.editor.dom.getClasses(), function(o) {\r
 136                         styleSelectElm.options[styleSelectElm.length] = new Option(o.title || o['class'], o['class']);\r
 137                 });\r
 138         }\r
 139 }\r
 140 \r
 141 function isVisible(element_id) {\r
 142         var elm = document.getElementById(element_id);\r
 143 \r
 144         return elm && elm.style.display != "none";\r
 145 }\r
 146 \r
 147 function convertRGBToHex(col) {\r
 148         var re = new RegExp("rgb\\s*\\(\\s*([0-9]+).*,\\s*([0-9]+).*,\\s*([0-9]+).*\\)", "gi");\r
 149 \r
 150         var rgb = col.replace(re, "$1,$2,$3").split(',');\r
 151         if (rgb.length == 3) {\r
 152                 r = parseInt(rgb[0]).toString(16);\r
 153                 g = parseInt(rgb[1]).toString(16);\r
 154                 b = parseInt(rgb[2]).toString(16);\r
 155 \r
 156                 r = r.length == 1 ? '0' + r : r;\r
 157                 g = g.length == 1 ? '0' + g : g;\r
 158                 b = b.length == 1 ? '0' + b : b;\r
 159 \r
 160                 return "#" + r + g + b;\r
 161         }\r
 162 \r
 163         return col;\r
 164 }\r
 165 \r
 166 function convertHexToRGB(col) {\r
 167         if (col.indexOf('#') != -1) {\r
 168                 col = col.replace(new RegExp('[^0-9A-F]', 'gi'), '');\r
 169 \r
 170                 r = parseInt(col.substring(0, 2), 16);\r
 171                 g = parseInt(col.substring(2, 4), 16);\r
 172                 b = parseInt(col.substring(4, 6), 16);\r
 173 \r
 174                 return "rgb(" + r + "," + g + "," + b + ")";\r
 175         }\r
 176 \r
 177         return col;\r
 178 }\r
 179 \r
 180 function trimSize(size) {\r
 181         return size.replace(/([0-9\.]+)(px|%|in|cm|mm|em|ex|pt|pc)/i, '$1$2');\r
 182 }\r
 183 \r
 184 function getCSSSize(size) {\r
 185         size = trimSize(size);\r
 186 \r
 187         if (size == "")\r
 188                 return "";\r
 189 \r
 190         // Add px\r
 191         if (/^[0-9]+$/.test(size))\r
 192                 size += 'px';\r
 193         // Sanity check, IE doesn't like broken values\r
 194         else if (!(/^[0-9\.]+(px|%|in|cm|mm|em|ex|pt|pc)$/i.test(size)))\r
 195                 return "";\r
 196 \r
 197         return size;\r
 198 }\r
 199 \r
 200 function getStyle(elm, attrib, style) {\r
 201         var val = tinyMCEPopup.dom.getAttrib(elm, attrib);\r
 202 \r
 203         if (val != '')\r
 204                 return '' + val;\r
 205 \r
 206         if (typeof(style) == 'undefined')\r
 207                 style = attrib;\r
 208 \r
 209         return tinyMCEPopup.dom.getStyle(elm, style);\r
 210 }\r