/*
-Last Modified: 28/04/06 16:28:09
-
- AmiJs library
- A very small library with DOM and Ajax functions.
- For a much larger script look on http://www.mochikit.com/
- AUTHOR
- 4mir Salihefendic (http://amix.dk) - amix@amix.dk
- LICENSE
- Copyright (c) 2006 Amir Salihefendic. All rights reserved.
- Copyright (c) 2005 Bob Ippolito. All rights reserved.
- http://www.opensource.org/licenses/mit-license.php
- VERSION
- 2.1
- SITE
- http://amix.dk/amijs
-**/
-
-var AJS = {
-////
-// Accessor functions
-////
- /**
- * @returns The element with the id
- */
- getElement: function(id) {
- if(typeof(id) == "string")
- return document.getElementById(id);
- else
- return id;
- },
-
- /**
- * @returns The elements with the ids
- */
- getElements: function(/*id1, id2, id3*/) {
- var elements = new Array();
- for (var i = 0; i < arguments.length; i++) {
- var element = this.getElement(arguments[i]);
- elements.push(element);
- }
- return elements;
- },
-
- /**
- * @returns The GET query argument
- */
- getQueryArgument: function(var_name) {
- var query = window.location.search.substring(1);
- var vars = query.split("&");
- for (var i=0;i<vars.length;i++) {
- var pair = vars[i].split("=");
- if (pair[0] == var_name) {
- return pair[1];
- }
- }
- return null;
- },
-
- /**
- * @returns If the browser is Internet Explorer
- */
- isIe: function() {
- return (navigator.userAgent.toLowerCase().indexOf("msie") != -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1);
- },
-
- /**
- * @returns The document body
- */
- getBody: function() {
- return this.getElementsByTagAndClassName('body')[0]
- },
-
- /**
- * @returns All the elements that have a specific tag name or class name
- */
- getElementsByTagAndClassName: function(tag_name, class_name, /*optional*/ parent) {
- var class_elements = new Array();
- if(!this.isDefined(parent))
- parent = document;
- if(!this.isDefined(tag_name))
- tag_name = '*';
-
- var els = parent.getElementsByTagName(tag_name);
- var els_len = els.length;
- var pattern = new RegExp("(^|\\s)" + class_name + "(\\s|$)");
-
- for (i = 0, j = 0; i < els_len; i++) {
- if ( pattern.test(els[i].className) || class_name == null ) {
- class_elements[j] = els[i];
- j++;
- }
- }
- return class_elements;
- },
-
-
-////
-// DOM manipulation
-////
- /**
- * Appends some nodes to a node
- */
- appendChildNodes: function(node/*, nodes...*/) {
- if(arguments.length >= 2) {
- for(var i=1; i < arguments.length; i++) {
- var n = arguments[i];
- if(typeof(n) == "string")
- n = document.createTextNode(n);
- if(this.isDefined(n))
- node.appendChild(n);
- }
- }
- return node;
- },
-
- /**
- * Replaces a nodes children with another node(s)
- */
- replaceChildNodes: function(node/*, nodes...*/) {
- var child;
- while ((child = node.firstChild)) {
- node.removeChild(child);
- }
- if (arguments.length < 2) {
- return node;
- } else {
- return this.appendChildNodes.apply(this, arguments);
- }
- },
-
- /**
- * Insert a node after another node
- */
- insertAfter: function(node, referenceNode) {
- referenceNode.parentNode.insertBefore(node, referenceNode.nextSibling);
- },
-
- /**
- * Insert a node before another node
- */
- insertBefore: function(node, referenceNode) {
- referenceNode.parentNode.insertBefore(node, referenceNode);
- },
-
- /**
- * Shows the element
- */
- showElement: function(elm) {
- elm.style.display = '';
- },
-
- /**
- * Hides the element
- */
- hideElement: function(elm) {
- elm.style.display = 'none';
- },
-
- isElementHidden: function(elm) {
- return elm.style.visibility == "hidden";
- },
-
- /**
- * Swaps one element with another. To delete use swapDOM(elm, null)
- */
- swapDOM: function(dest, src) {
- dest = this.getElement(dest);
- var parent = dest.parentNode;
- if (src) {
- src = this.getElement(src);
- parent.replaceChild(src, dest);
- } else {
- parent.removeChild(dest);
- }
- return src;
- },
-
- /**
- * Removes an element from the world
- */
- removeElement: function(elm) {
- this.swapDOM(elm, null);
- },
-
- /**
- * @returns Is an object a dictionary?
- */
- isDict: function(o) {
- var str_repr = String(o);
- return str_repr.indexOf(" Object") != -1;
- },
-
- /**
- * Creates a DOM element
- * @param {String} name The elements DOM name
- * @param {Dict} attrs Attributes sent to the function
- */
- createDOM: function(name, attrs) {
- var i=0;
- elm = document.createElement(name);
-
- if(this.isDict(attrs[i])) {
- for(k in attrs[0]) {
- if(k == "style")
- elm.style.cssText = attrs[0][k];
- else if(k == "class")
- elm.className = attrs[0][k];
- else
- elm.setAttribute(k, attrs[0][k]);
- }
- i++;
+ SpellCheck
+ jQuery'fied spell checker based on GoogieSpell 4.0
+ (which was published under GPL "version 2 or any later version")
+
+ Copyright (C) 2006 Amir Salihefendic
+ Copyright (C) 2009 Aleksander Machniak
+ Copyright (C) 2011 Kolab Systems AG
+ LICENSE
+ GPL
+ AUTHORS
+ 4mir Salihefendic (http://amix.dk) - amix@amix.dk
+ Aleksander Machniak - alec [at] alec.pl
+*/
+
+var GOOGIE_CUR_LANG,
+ GOOGIE_DEFAULT_LANG = 'en';
+
+function GoogieSpell(img_dir, server_url, has_dict)
+{
+ var ref = this,
+ cookie_value = getCookie('language');
+
+ GOOGIE_CUR_LANG = cookie_value != null ? cookie_value : GOOGIE_DEFAULT_LANG;
+
+ this.array_keys = function(arr) {
+ var res = [];
+ for (var key in arr) { res.push([key]); }
+ return res;
}
- if(attrs[0] == null)
- i = 1;
+ this.img_dir = img_dir;
+ this.server_url = server_url;
- for(i; i < attrs.length; i++) {
- var n = attrs[i];
- if(this.isDefined(n)) {
- if(typeof(n) == "string")
- n = document.createTextNode(n);
- elm.appendChild(n);
- }
- }
- return elm;
- },
-
- UL: function() { return this.createDOM.apply(this, ["ul", arguments]); },
- LI: function() { return this.createDOM.apply(this, ["li", arguments]); },
- TD: function() { return this.createDOM.apply(this, ["td", arguments]); },
- TR: function() { return this.createDOM.apply(this, ["tr", arguments]); },
- TH: function() { return this.createDOM.apply(this, ["th", arguments]); },
- TBODY: function() { return this.createDOM.apply(this, ["tbody", arguments]); },
- TABLE: function() { return this.createDOM.apply(this, ["table", arguments]); },
- INPUT: function() { return this.createDOM.apply(this, ["input", arguments]); },
- SPAN: function() { return this.createDOM.apply(this, ["span", arguments]); },
- B: function() { return this.createDOM.apply(this, ["b", arguments]); },
- A: function() { return this.createDOM.apply(this, ["a", arguments]); },
- DIV: function() { return this.createDOM.apply(this, ["div", arguments]); },
- IMG: function() { return this.createDOM.apply(this, ["img", arguments]); },
- BUTTON: function() { return this.createDOM.apply(this, ["button", arguments]); },
- H1: function() { return this.createDOM.apply(this, ["h1", arguments]); },
- H2: function() { return this.createDOM.apply(this, ["h2", arguments]); },
- H3: function() { return this.createDOM.apply(this, ["h3", arguments]); },
- BR: function() { return this.createDOM.apply(this, ["br", arguments]); },
- TEXTAREA: function() { return this.createDOM.apply(this, ["textarea", arguments]); },
- FORM: function() { return this.createDOM.apply(this, ["form", arguments]); },
- P: function() { return this.createDOM.apply(this, ["p", arguments]); },
- SELECT: function() { return this.createDOM.apply(this, ["select", arguments]); },
- OPTION: function() { return this.createDOM.apply(this, ["option", arguments]); },
- TN: function(text) { return document.createTextNode(text); },
- IFRAME: function() { return this.createDOM.apply(this, ["iframe", arguments]); },
- SCRIPT: function() { return this.createDOM.apply(this, ["script", arguments]); },
-
-////
-// Ajax functions
-////
- /**
- * @returns A new XMLHttpRequest object
- */
- getXMLHttpRequest: function() {
- var try_these = [
- function () { return new XMLHttpRequest(); },
- function () { return new ActiveXObject('Msxml2.XMLHTTP'); },
- function () { return new ActiveXObject('Microsoft.XMLHTTP'); },
- function () { return new ActiveXObject('Msxml2.XMLHTTP.4.0'); },
- function () { throw "Browser does not support XMLHttpRequest"; }
- ];
- for (var i = 0; i < try_these.length; i++) {
- var func = try_these[i];
- try {
- return func();
- } catch (e) {
- }
- }
- },
-
- /**
- * Use this function to do a simple HTTP Request
- */
- doSimpleXMLHttpRequest: function(url) {
- var req = this.getXMLHttpRequest();
- req.open("GET", url, true);
- return this.sendXMLHttpRequest(req);
- },
-
- getRequest: function(url, data) {
- var req = this.getXMLHttpRequest();
- req.open("POST", url, true);
- req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
- return this.sendXMLHttpRequest(req);
- },
-
- /**
- * Send a XMLHttpRequest
- */
- sendXMLHttpRequest: function(req, data) {
- var d = new AJSDeferred(req);
-
- var onreadystatechange = function () {
- if (req.readyState == 4) {
- try {
- var status = req.status;
- }
- catch(e) {};
- if(status == 200 || status == 304 || req.responseText == null) {
- d.callback(req, data);
- }
- else {
- d.errback();
- }
- }
- }
- req.onreadystatechange = onreadystatechange;
- return d;
- },
-
- /**
- * Represent an object as a string
- */
- reprString: function(o) {
- return ('"' + o.replace(/(["\\])/g, '\\$1') + '"'
- ).replace(/[\f]/g, "\\f"
- ).replace(/[\b]/g, "\\b"
- ).replace(/[\n]/g, "\\n"
- ).replace(/[\t]/g, "\\t"
- ).replace(/[\r]/g, "\\r");
- },
-
- /**
- * Serialize an object to JSON notation
- */
- serializeJSON: function(o) {
- var objtype = typeof(o);
- if (objtype == "undefined") {
- return "undefined";
- } else if (objtype == "number" || objtype == "boolean") {
- return o + "";
- } else if (o === null) {
- return "null";
- }
- if (objtype == "string") {
- return this.reprString(o);
- }
- var me = arguments.callee;
- var newObj;
- if (typeof(o.__json__) == "function") {
- newObj = o.__json__();
- if (o !== newObj) {
- return me(newObj);
- }
- }
- if (typeof(o.json) == "function") {
- newObj = o.json();
- if (o !== newObj) {
- return me(newObj);
- }
- }
- if (objtype != "function" && typeof(o.length) == "number") {
- var res = [];
- for (var i = 0; i < o.length; i++) {
- var val = me(o[i]);
- if (typeof(val) != "string") {
- val = "undefined";
+ this.org_lang_to_word = {
+ "da": "Dansk", "de": "Deutsch", "en": "English",
+ "es": "Español", "fr": "Français", "it": "Italiano",
+ "nl": "Nederlands", "pl": "Polski", "pt": "Português",
+ "fi": "Suomi", "sv": "Svenska"
+ };
+ this.lang_to_word = this.org_lang_to_word;
+ this.langlist_codes = this.array_keys(this.lang_to_word);
+ this.show_change_lang_pic = true;
+ this.change_lang_pic_placement = 'right';
+ this.report_state_change = true;
+
+ this.ta_scroll_top = 0;
+ this.el_scroll_top = 0;
+
+ this.lang_chck_spell = "Check spelling";
+ this.lang_revert = "Revert to";
+ this.lang_close = "Close";
+ this.lang_rsm_edt = "Resume editing";
+ this.lang_no_error_found = "No spelling errors found";
+ this.lang_no_suggestions = "No suggestions";
+ this.lang_learn_word = "Add to dictionary";
+
+ this.show_spell_img = false; // roundcube mod.
+ this.decoration = true;
+ this.use_close_btn = false;
+ this.edit_layer_dbl_click = true;
+ this.report_ta_not_found = true;
+
+ // Extensions
+ this.custom_ajax_error = null;
+ this.custom_no_spelling_error = null;
+ this.custom_menu_builder = []; // Should take an eval function and a build menu function
+ this.custom_item_evaulator = null; // Should take an eval function and a build menu function
+ this.extra_menu_items = [];
+ this.custom_spellcheck_starter = null;
+ this.main_controller = true;
+ this.has_dictionary = has_dict;
+
+ // Observers
+ this.lang_state_observer = null;
+ this.spelling_state_observer = null;
+ this.show_menu_observer = null;
+ this.all_errors_fixed_observer = null;
+
+ // Focus links - used to give the text box focus
+ this.use_focus = false;
+ this.focus_link_t = null;
+ this.focus_link_b = null;
+
+ // Counters
+ this.cnt_errors = 0;
+ this.cnt_errors_fixed = 0;
+
+ // Set document's onclick to hide the language and error menu
+ $(document).bind('click', function(e) {
+ var target = $(e.target);
+ if(target.attr('googie_action_btn') != '1' && ref.isLangWindowShown())
+ ref.hideLangWindow();
+ if(target.attr('googie_action_btn') != '1' && ref.isErrorWindowShown())
+ ref.hideErrorWindow();
+ });
+
+
+this.decorateTextarea = function(id)
+{
+ this.text_area = typeof id === 'string' ? document.getElementById(id) : id;
+
+ if (this.text_area) {
+ if (!this.spell_container && this.decoration) {
+ var table = document.createElement('table'),
+ tbody = document.createElement('tbody'),
+ tr = document.createElement('tr'),
+ spell_container = document.createElement('td'),
+ r_width = this.isDefined(this.force_width) ? this.force_width : this.text_area.offsetWidth,
+ r_height = this.isDefined(this.force_height) ? this.force_height : 16;
+
+ tr.appendChild(spell_container);
+ tbody.appendChild(tr);
+ $(table).append(tbody).insertBefore(this.text_area).width('100%').height(r_height);
+ $(spell_container).height(r_height).width(r_width).css('text-align', 'right');
+
+ this.spell_container = spell_container;
}
- res.push(val);
- }
- return "[" + res.join(",") + "]";
+
+ this.checkSpellingState();
}
- res = [];
- for (var k in o) {
- var useKey;
- if (typeof(k) == "number") {
- useKey = '"' + k + '"';
- } else if (typeof(k) == "string") {
- useKey = this.reprString(k);
- } else {
- // skip non-string or number keys
- continue;
- }
- val = me(o[k]);
- if (typeof(val) != "string") {
- // skip non-serializable values
- continue;
- }
- res.push(useKey + ":" + val);
+ else if (this.report_ta_not_found)
+ alert('Text area not found');
+};
+
+//////
+// API Functions (the ones that you can call)
+/////
+this.setSpellContainer = function(id)
+{
+ this.spell_container = typeof id === 'string' ? document.getElementById(id) : id;
+};
+
+this.setLanguages = function(lang_dict)
+{
+ this.lang_to_word = lang_dict;
+ this.langlist_codes = this.array_keys(lang_dict);
+};
+
+this.setCurrentLanguage = function(lan_code)
+{
+ GOOGIE_CUR_LANG = lan_code;
+
+ //Set cookie
+ var now = new Date();
+ now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
+ setCookie('language', lan_code, now);
+};
+
+this.setForceWidthHeight = function(width, height)
+{
+ // Set to null if you want to use one of them
+ this.force_width = width;
+ this.force_height = height;
+};
+
+this.setDecoration = function(bool)
+{
+ this.decoration = bool;
+};
+
+this.dontUseCloseButtons = function()
+{
+ this.use_close_btn = false;
+};
+
+this.appendNewMenuItem = function(name, call_back_fn, checker)
+{
+ this.extra_menu_items.push([name, call_back_fn, checker]);
+};
+
+this.appendCustomMenuBuilder = function(eval_fn, builder)
+{
+ this.custom_menu_builder.push([eval_fn, builder]);
+};
+
+this.setFocus = function()
+{
+ try {
+ this.focus_link_b.focus();
+ this.focus_link_t.focus();
+ return true;
}
- return "{" + res.join(",") + "}";
- },
-
- /**
- * Send and recive JSON using GET
- */
- loadJSONDoc: function(url) {
- var d = this.getRequest(url);
- var eval_req = function(req) {
- var text = req.responseText;
- return eval('(' + text + ')');
- };
- d.addCallback(eval_req);
- return d;
- },
-
-
-////
-// Misc.
-////
- /**
- * Alert the objects key attrs
- */
- keys: function(obj) {
- var rval = [];
- for (var prop in obj) {
- rval.push(prop);
+ catch(e) {
+ return false;
}
- return rval;
- },
-
- urlencode: function(str) {
- return encodeURIComponent(str.toString());
- },
-
- /**
- * @returns True if the object is defined, otherwise false
- */
- isDefined: function(o) {
- return (o != "undefined" && o != null)
- },
-
- /**
- * @returns True if an object is a array, false otherwise
- */
- isArray: function(obj) {
- try { return (typeof(obj.length) == "undefined") ? false : true; }
- catch(e)
- { return false; }
- },
-
- isObject: function(obj) {
- return (obj && typeof obj == 'object');
- },
-
- /**
- * Export DOM elements to the global namespace
- */
- exportDOMElements: function() {
- UL = this.UL;
- LI = this.LI;
- TD = this.TD;
- TR = this.TR;
- TH = this.TH;
- TBODY = this.TBODY;
- TABLE = this.TABLE;
- INPUT = this.INPUT;
- SPAN = this.SPAN;
- B = this.B;
- A = this.A;
- DIV = this.DIV;
- IMG = this.IMG;
- BUTTON = this.BUTTON;
- H1 = this.H1;
- H2 = this.H2;
- H3 = this.H3;
- BR = this.BR;
- TEXTAREA = this.TEXTAREA;
- FORM = this.FORM;
- P = this.P;
- SELECT = this.SELECT;
- OPTION = this.OPTION;
- TN = this.TN;
- IFRAME = this.IFRAME;
- SCRIPT = this.SCRIPT;
- },
-
- /**
- * Export AmiJS functions to the global namespace
- */
- exportToGlobalScope: function() {
- getElement = this.getElement;
- getQueryArgument = this.getQueryArgument;
- isIe = this.isIe;
- $ = this.getElement;
- getElements = this.getElements;
- getBody = this.getBody;
- getElementsByTagAndClassName = this.getElementsByTagAndClassName;
- appendChildNodes = this.appendChildNodes;
- ACN = appendChildNodes;
- replaceChildNodes = this.replaceChildNodes;
- RCN = replaceChildNodes;
- insertAfter = this.insertAfter;
- insertBefore = this.insertBefore;
- showElement = this.showElement;
- hideElement = this.hideElement;
- isElementHidden = this.isElementHidden;
- swapDOM = this.swapDOM;
- removeElement = this.removeElement;
- isDict = this.isDict;
- createDOM = this.createDOM;
- this.exportDOMElements();
- getXMLHttpRequest = this.getXMLHttpRequest;
- doSimpleXMLHttpRequest = this.doSimpleXMLHttpRequest;
- getRequest = this.getRequest;
- sendXMLHttpRequest = this.sendXMLHttpRequest;
- reprString = this.reprString;
- serializeJSON = this.serializeJSON;
- loadJSONDoc = this.loadJSONDoc;
- keys = this.keys;
- isDefined = this.isDefined;
- isArray = this.isArray;
- }
-}
+};
+
+
+//////
+// Set functions (internal)
+/////
+this.setStateChanged = function(current_state)
+{
+ this.state = current_state;
+ if (this.spelling_state_observer != null && this.report_state_change)
+ this.spelling_state_observer(current_state, this);
+};
+
+this.setReportStateChange = function(bool)
+{
+ this.report_state_change = bool;
+};
+
+
+//////
+// Request functions
+/////
+this.getUrl = function()
+{
+ return this.server_url + GOOGIE_CUR_LANG;
+};
+this.escapeSpecial = function(val)
+{
+ return val ? val.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">") : '';
+};
+
+this.createXMLReq = function (text)
+{
+ return '<?xml version="1.0" encoding="utf-8" ?>'
+ + '<spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1">'
+ + '<text>' + text + '</text></spellrequest>';
+};
+
+this.spellCheck = function(ignore)
+{
+ this.prepare(ignore);
+
+ var req_text = this.escapeSpecial(this.orginal_text),
+ ref = this;
+
+ $.ajax({ type: 'POST', url: this.getUrl(), data: this.createXMLReq(req_text), dataType: 'text',
+ error: function(o) {
+ if (ref.custom_ajax_error)
+ ref.custom_ajax_error(ref);
+ else
+ alert('An error was encountered on the server. Please try again later.');
+ if (ref.main_controller) {
+ $(ref.spell_span).remove();
+ ref.removeIndicator();
+ }
+ ref.checkSpellingState();
+ },
+ success: function(data) {
+ ref.processData(data);
+ if (!ref.results.length) {
+ if (!ref.custom_no_spelling_error)
+ ref.flashNoSpellingErrorState();
+ else
+ ref.custom_no_spelling_error(ref);
+ }
+ ref.removeIndicator();
+ }
+ });
+};
+
+this.learnWord = function(word, id)
+{
+ word = this.escapeSpecial(word.innerHTML);
+
+ var ref = this,
+ req_text = '<?xml version="1.0" encoding="utf-8" ?><learnword><text>' + word + '</text></learnword>';
+
+ $.ajax({ type: 'POST', url: this.getUrl(), data: req_text, dataType: 'text',
+ error: function(o) {
+ if (ref.custom_ajax_error)
+ ref.custom_ajax_error(ref);
+ else
+ alert('An error was encountered on the server. Please try again later.');
+ },
+ success: function(data) {
+ }
+ });
+};
-AJSDeferred = function(req) {
- this.callbacks = [];
- this.req = req;
+//////
+// Spell checking functions
+/////
+this.prepare = function(ignore, no_indicator)
+{
+ this.cnt_errors_fixed = 0;
+ this.cnt_errors = 0;
+ this.setStateChanged('checking_spell');
- this.callback = function (res) {
- while (this.callbacks.length > 0) {
- var fn = this.callbacks.pop();
- res = fn(res);
+ if (!no_indicator && this.main_controller)
+ this.appendIndicator(this.spell_span);
+
+ this.error_links = [];
+ this.ta_scroll_top = this.text_area.scrollTop;
+ this.ignore = ignore;
+ this.hideLangWindow();
+
+ if ($(this.text_area).val() == '' || ignore) {
+ if (!this.custom_no_spelling_error)
+ this.flashNoSpellingErrorState();
+ else
+ this.custom_no_spelling_error(this);
+ this.removeIndicator();
+ return;
}
- };
-
- this.errback = function(e){
- alert("Error encountered:\n" + e);
- };
-
- this.addErrback = function(fn) {
- this.errback = fn;
- };
-
- this.addCallback = function(fn) {
- this.callbacks.unshift(fn);
- };
-
- this.addCallbacks = function(fn1, fn2) {
- this.addCallback(fn1);
- this.addErrback(fn2);
- };
-
- this.sendReq = function(data) {
- if(AJS.isObject(data)) {
- var post_data = [];
- for(k in data) {
- post_data.push(k + "=" + AJS.urlencode(data[k]));
- }
- post_data = post_data.join("&");
- this.req.send(post_data);
+
+ this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight);
+ this.createErrorWindow();
+ $('body').append(this.error_window);
+
+ try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); }
+ catch (e) { }
+
+ if (this.main_controller)
+ $(this.spell_span).unbind('click');
+
+ this.orginal_text = $(this.text_area).val();
+};
+
+this.parseResult = function(r_text)
+{
+ // Returns an array: result[item] -> ['attrs'], ['suggestions']
+ var re_split_attr_c = /\w+="(\d+|true)"/g,
+ re_split_text = /\t/g,
+ matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g),
+ results = [];
+
+ if (matched_c == null)
+ return results;
+
+ for (var i=0, len=matched_c.length; i < len; i++) {
+ var item = [];
+ this.errorFound();
+
+ // Get attributes
+ item['attrs'] = [];
+ var c_attr, val,
+ split_c = matched_c[i].match(re_split_attr_c);
+ for (var j=0; j < split_c.length; j++) {
+ c_attr = split_c[j].split(/=/);
+ val = c_attr[1].replace(/"/g, '');
+ item['attrs'][c_attr[0]] = val != 'true' ? parseInt(val) : val;
+ }
+
+ // Get suggestions
+ item['suggestions'] = [];
+ var only_text = matched_c[i].replace(/<[^>]*>/g, ''),
+ split_t = only_text.split(re_split_text);
+ for (var k=0; k < split_t.length; k++) {
+ if(split_t[k] != '')
+ item['suggestions'].push(split_t[k]);
+ }
+ results.push(item);
}
- else if(AJS.isDefined(data))
- this.req.send(data);
- else {
- this.req.send("");
+
+ return results;
+};
+
+this.processData = function(data)
+{
+ this.results = this.parseResult(data);
+ if (this.results.length) {
+ this.showErrorsInIframe();
+ this.resumeEditingState();
}
- };
};
-AJSDeferred.prototype = new AJSDeferred();
+//////
+// Error menu functions
+/////
+this.createErrorWindow = function()
+{
+ this.error_window = document.createElement('div');
+ $(this.error_window).addClass('googie_window popupmenu').attr('googie_action_btn', '1');
+};
+
+this.isErrorWindowShown = function()
+{
+ return $(this.error_window).is(':visible');
+};
+this.hideErrorWindow = function()
+{
+ $(this.error_window).hide();
+ $(this.error_window_iframe).hide();
+};
+this.updateOrginalText = function(offset, old_value, new_value, id)
+{
+ var part_1 = this.orginal_text.substring(0, offset),
+ part_2 = this.orginal_text.substring(offset+old_value.length),
+ add_2_offset = new_value.length - old_value.length;
+
+ this.orginal_text = part_1 + new_value + part_2;
+ $(this.text_area).val(this.orginal_text);
+ for (var j=0, len=this.results.length; j<len; j++) {
+ // Don't edit the offset of the current item
+ if (j != id && j > id)
+ this.results[j]['attrs']['o'] += add_2_offset;
+ }
+};
+this.saveOldValue = function(elm, old_value) {
+ elm.is_changed = true;
+ elm.old_value = old_value;
+};
+this.createListSeparator = function()
+{
+ var td = document.createElement('td'),
+ tr = document.createElement('tr');
-/****
-Last Modified: 28/04/06 15:26:06
+ $(td).html(' ').attr('googie_action_btn', '1')
+ .css({'cursor': 'default', 'font-size': '3px', 'border-top': '1px solid #ccc', 'padding-top': '3px'});
+ tr.appendChild(td);
- GoogieSpell
- Google spell checker for your own web-apps :)
- Copyright Amir Salihefendic 2006
- LICENSE
- GPL (see gpl.txt for more information)
- This basically means that you can't use this script with/in proprietary software!
- There is another license that permits you to use this script with proprietary software. Check out:... for more info.
- AUTHOR
- 4mir Salihefendic (http://amix.dk) - amix@amix.dk
- VERSION
- 3.22
-****/
-var GOOGIE_CUR_LANG = "en";
+ return tr;
+};
-function GoogieSpell(img_dir, server_url) {
- var cookie_value;
- var lang;
- cookie_value = getCookie('language');
+this.correctError = function(id, elm, l_elm, rm_pre_space)
+{
+ var old_value = elm.innerHTML,
+ new_value = l_elm.nodeType == 3 ? l_elm.nodeValue : l_elm.innerHTML,
+ offset = this.results[id]['attrs']['o'];
+
+ if (rm_pre_space) {
+ var pre_length = elm.previousSibling.innerHTML;
+ elm.previousSibling.innerHTML = pre_length.slice(0, pre_length.length-1);
+ old_value = " " + old_value;
+ offset--;
+ }
- if(cookie_value != null)
- GOOGIE_CUR_LANG = cookie_value;
+ this.hideErrorWindow();
+ this.updateOrginalText(offset, old_value, new_value, id);
- this.img_dir = img_dir;
- this.server_url = server_url;
+ $(elm).html(new_value).css('color', 'green').attr('is_corrected', true);
- this.lang_to_word = {"da": "Dansk", "de": "Deutsch", "en": "English",
- "es": "Español", "fr": "Français", "it": "Italiano",
- "nl": "Nederlands", "pl": "Polski", "pt": "Português",
- "fi": "Suomi", "sv": "Svenska"};
- this.langlist_codes = AJS.keys(this.lang_to_word);
+ this.results[id]['attrs']['l'] = new_value.length;
- this.show_change_lang_pic = true;
+ if (!this.isDefined(elm.old_value))
+ this.saveOldValue(elm, old_value);
- this.lang_state_observer = null;
+ this.errorFixed();
+};
- this.spelling_state_observer = null;
+this.ignoreError = function(elm, id)
+{
+ // @TODO: ignore all same words
+ $(elm).removeAttr('class').css('color', '').unbind();
+ this.hideErrorWindow();
+};
- this.request = null;
- this.error_window = null;
- this.language_window = null;
- this.edit_layer = null;
- this.orginal_text = null;
- this.results = null;
- this.text_area = null;
- this.gselm = null;
- this.ta_scroll_top = 0;
- this.el_scroll_top = 0;
+this.showErrorWindow = function(elm, id)
+{
+ if (this.show_menu_observer)
+ this.show_menu_observer(this);
+
+ var ref = this,
+ pos = $(elm).offset(),
+ table = document.createElement('table'),
+ list = document.createElement('tbody');
+
+ $(this.error_window).html('');
+ $(table).addClass('googie_list').attr('googie_action_btn', '1');
+
+ // Check if we should use custom menu builder, if not we use the default
+ var changed = false;
+ for (var k=0; k<this.custom_menu_builder.length; k++) {
+ var eb = this.custom_menu_builder[k];
+ if (eb[0](this.results[id])) {
+ changed = eb[1](this, list, elm);
+ break;
+ }
+ }
- this.lang_chck_spell = "Check spelling";
- this.lang_rsm_edt = "Resume editing";
- this.lang_close = "Close";
- this.lang_no_error_found = "No spelling errors found";
- this.lang_revert = "Revert to";
- this.show_spell_img = false; // modified by roundcube
-}
+ if (!changed) {
+ // Build up the result list
+ var suggestions = this.results[id]['suggestions'],
+ offset = this.results[id]['attrs']['o'],
+ len = this.results[id]['attrs']['l'],
+ row, item, dummy;
+
+ // [Add to dictionary] button
+ if (this.has_dictionary && !$(elm).attr('is_corrected')) {
+ row = document.createElement('tr'),
+ item = document.createElement('td'),
+ dummy = document.createElement('span');
+
+ $(dummy).text(this.lang_learn_word);
+ $(item).attr('googie_action_btn', '1').css('cursor', 'default')
+ .mouseover(ref.item_onmouseover)
+ .mouseout(ref.item_onmouseout)
+ .click(function(e) {
+ ref.learnWord(elm, id);
+ ref.ignoreError(elm, id);
+ });
+
+ item.appendChild(dummy);
+ row.appendChild(item);
+ list.appendChild(row);
+ }
+/*
+ if (suggestions.length == 0) {
+ row = document.createElement('tr'),
+ item = document.createElement('td'),
+ dummy = document.createElement('span');
-GoogieSpell.prototype.setStateChanged = function(current_state) {
- if(this.spelling_state_observer != null)
- this.spelling_state_observer(current_state);
-}
+ $(dummy).text(this.lang_no_suggestions);
+ $(item).attr('googie_action_btn', '1').css('cursor', 'default');
-GoogieSpell.item_onmouseover = function(e) {
- var elm = GoogieSpell.getEventElm(e);
- if(elm.className != "googie_list_close" && elm.className != "googie_list_revert")
- elm.className = "googie_list_onhover";
- else
- elm.parentNode.className = "googie_list_onhover";
-}
+ item.appendChild(dummy);
+ row.appendChild(item);
+ list.appendChild(row);
+ }
+*/
+ for (var i=0, len=suggestions.length; i < len; i++) {
+ row = document.createElement('tr'),
+ item = document.createElement('td'),
+ dummy = document.createElement('span');
-GoogieSpell.item_onmouseout = function(e) {
- var elm = GoogieSpell.getEventElm(e);
- if(elm.className != "googie_list_close" && elm.className != "googie_list_revert")
- elm.className = "googie_list_onout";
- else
- elm.parentNode.className = "googie_list_onout";
-}
+ $(dummy).html(suggestions[i]);
-GoogieSpell.prototype.getGoogleUrl = function() {
- return this.server_url + GOOGIE_CUR_LANG;
-}
+ $(item).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
+ .click(function(e) { ref.correctError(id, elm, e.target.firstChild) });
-GoogieSpell.prototype.spellCheck = function(elm, name) {
- this.ta_scroll_top = this.text_area.scrollTop;
+ item.appendChild(dummy);
+ row.appendChild(item);
+ list.appendChild(row);
+ }
- this.appendIndicator(elm);
+ // The element is changed, append the revert
+ if (elm.is_changed && elm.innerHTML != elm.old_value) {
+ var old_value = elm.old_value,
+ revert_row = document.createElement('tr'),
+ revert = document.createElement('td'),
+ rev_span = document.createElement('span');
+
+ $(rev_span).addClass('googie_list_revert').html(this.lang_revert + ' ' + old_value);
+
+ $(revert).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout)
+ .click(function(e) {
+ ref.updateOrginalText(offset, elm.innerHTML, old_value, id);
+ $(elm).removeAttr('is_corrected').css('color', '#b91414').html(old_value);
+ ref.hideErrorWindow();
+ });
+
+ revert.appendChild(rev_span);
+ revert_row.appendChild(revert);
+ list.appendChild(revert_row);
+ }
- try {
- this.hideLangWindow();
- }
- catch(e) {}
-
- this.gselm = elm;
-
- this.createEditLayer(this.text_area.offsetWidth, this.text_area.offsetHeight);
-
- this.createErrorWindow();
- AJS.getBody().appendChild(this.error_window);
-
- try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); }
- catch (e) { }
-
- this.gselm.onclick = null;
-
- this.orginal_text = this.text_area.value;
- var me = this;
-
- //Create request
- var d = AJS.getRequest(this.getGoogleUrl());
- var reqdone = function(req) {
- var r_text = req.responseText;
- if(r_text.match(/<c.*>/) != null) {
- var results = GoogieSpell.parseResult(r_text);
- //Before parsing be sure that errors were found
- me.results = results;
- me.showErrorsInIframe(results);
- me.resumeEditingState();
+ // Append the edit box
+ var edit_row = document.createElement('tr'),
+ edit = document.createElement('td'),
+ edit_input = document.createElement('input'),
+ ok_pic = document.createElement('img'),
+ edit_form = document.createElement('form');
+
+ var onsub = function () {
+ if (edit_input.value != '') {
+ if (!ref.isDefined(elm.old_value))
+ ref.saveOldValue(elm, elm.innerHTML);
+
+ ref.updateOrginalText(offset, elm.innerHTML, edit_input.value, id);
+ $(elm).attr('is_corrected', true).css('color', 'green').html(edit_input.value);
+ ref.hideErrorWindow();
+ }
+ return false;
+ };
+
+ $(edit_input).width(120).css({'margin': 0, 'padding': 0});
+ $(edit_input).val(elm.innerHTML).attr('googie_action_btn', '1');
+ $(edit).css('cursor', 'default').attr('googie_action_btn', '1');
+
+ $(ok_pic).attr('src', this.img_dir + 'ok.gif')
+ .width(32).height(16)
+ .css({'cursor': 'pointer', 'margin-left': '2px', 'margin-right': '2px'})
+ .click(onsub);
+
+ $(edit_form).attr('googie_action_btn', '1')
+ .css({'margin': 0, 'padding': 0, 'cursor': 'default', 'white-space': 'nowrap'})
+ .submit(onsub);
+
+ edit_form.appendChild(edit_input);
+ edit_form.appendChild(ok_pic);
+ edit.appendChild(edit_form);
+ edit_row.appendChild(edit);
+ list.appendChild(edit_row);
+
+ // Append extra menu items
+ if (this.extra_menu_items.length > 0)
+ list.appendChild(this.createListSeparator());
+
+ var loop = function(i) {
+ if (i < ref.extra_menu_items.length) {
+ var e_elm = ref.extra_menu_items[i];
+
+ if (!e_elm[2] || e_elm[2](elm, ref)) {
+ var e_row = document.createElement('tr'),
+ e_col = document.createElement('td');
+
+ $(e_col).html(e_elm[0])
+ .mouseover(ref.item_onmouseover)
+ .mouseout(ref.item_onmouseout)
+ .click(function() { return e_elm[1](elm, ref) });
+
+ e_row.appendChild(e_col);
+ list.appendChild(e_row);
+ }
+ loop(i+1);
+ }
+ };
+
+ loop(0);
+ loop = null;
+
+ //Close button
+ if (this.use_close_btn) {
+ list.appendChild(this.createCloseButton(this.hideErrorWindow));
+ }
}
- else {
- me.flashNoSpellingErrorState();
+
+ table.appendChild(list);
+ this.error_window.appendChild(table);
+
+ // calculate and set position
+ var height = $(this.error_window).height(),
+ width = $(this.error_window).width(),
+ pageheight = $(document).height(),
+ pagewidth = $(document).width(),
+ top = pos.top + height + 20 < pageheight ? pos.top + 20 : pos.top - height,
+ left = pos.left + width < pagewidth ? pos.left : pos.left - width;
+
+ $(this.error_window).css({'top': top+'px', 'left': left+'px'}).show();
+
+ // Dummy for IE - dropdown bug fix
+ if ($.browser.msie) {
+ if (!this.error_window_iframe) {
+ var iframe = $('<iframe>').css({'position': 'absolute', 'z-index': -1});
+ $('body').append(iframe);
+ this.error_window_iframe = iframe;
+ }
+
+ $(this.error_window_iframe)
+ .css({'top': this.error_window.offsetTop, 'left': this.error_window.offsetLeft,
+ 'width': this.error_window.offsetWidth, 'height': this.error_window.offsetHeight})
+ .show();
}
- me.removeIndicator();
- };
-
- var reqfailed = function(req) {
- alert("An error was encountered on the server. Please try again later.");
- AJS.removeElement(me.gselm);
- me.checkSpellingState();
- me.removeIndicator();
- };
-
- d.addCallback(reqdone);
- d.addErrback(reqfailed);
-
- var req_text = GoogieSpell.escapeSepcial(this.orginal_text);
- d.sendReq(GoogieSpell.createXMLReq(req_text));
-}
+};
-GoogieSpell.escapeSepcial = function(val) {
- return val.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
-}
-GoogieSpell.createXMLReq = function (text) {
- return '<?xml version="1.0" encoding="utf-8" ?><spellrequest textalreadyclipped="0" ignoredups="0" ignoredigits="1" ignoreallcaps="1"><text>' + text + '</text></spellrequest>';
-}
+//////
+// Edit layer (the layer where the suggestions are stored)
+//////
+this.createEditLayer = function(width, height)
+{
+ this.edit_layer = document.createElement('div');
+ $(this.edit_layer).addClass('googie_edit_layer').attr('id', 'googie_edit_layer')
+ .width('auto').height(height);
-//Retunrs an array
-//result[item] -> ['attrs']
-// ['suggestions']
-GoogieSpell.parseResult = function(r_text) {
- var re_split_attr_c = /\w="\d+"/g;
- var re_split_text = /\t/g;
-
- var matched_c = r_text.match(/<c[^>]*>[^<]*<\/c>/g);
- var results = new Array();
-
- for(var i=0; i < matched_c.length; i++) {
- var item = new Array();
-
- //Get attributes
- item['attrs'] = new Array();
- var split_c = matched_c[i].match(re_split_attr_c);
- for(var j=0; j < split_c.length; j++) {
- var c_attr = split_c[j].split(/=/);
- item['attrs'][c_attr[0]] = parseInt(c_attr[1].replace('"', ''));
+ if (this.text_area.nodeName.toLowerCase() != 'input' || $(this.text_area).val() == '') {
+ $(this.edit_layer).css('overflow', 'auto').height(height-4);
+ } else {
+ $(this.edit_layer).css('overflow', 'hidden');
}
- //Get suggestions
- item['suggestions'] = new Array();
- var only_text = matched_c[i].replace(/<[^>]*>/g, "");
- var split_t = only_text.split(re_split_text);
- for(var k=0; k < split_t.length; k++) {
- if(split_t[k] != "")
- item['suggestions'].push(split_t[k]);
+ var ref = this;
+
+ if (this.edit_layer_dbl_click) {
+ $(this.edit_layer).dblclick(function(e) {
+ if (e.target.className != 'googie_link' && !ref.isErrorWindowShown()) {
+ ref.resumeEditing();
+ var fn1 = function() {
+ $(ref.text_area).focus();
+ fn1 = null;
+ };
+ window.setTimeout(fn1, 10);
+ }
+ return false;
+ });
}
- results.push(item);
- }
- return results;
-}
+};
-/****
- Error window (the drop-down window)
-****/
-GoogieSpell.prototype.createErrorWindow = function() {
- this.error_window = AJS.DIV();
- this.error_window.className = "googie_window";
-}
+this.resumeEditing = function()
+{
+ this.setStateChanged('ready');
-GoogieSpell.prototype.hideErrorWindow = function() {
- this.error_window.style.visibility = "hidden";
-}
+ if (this.edit_layer)
+ this.el_scroll_top = this.edit_layer.scrollTop;
-GoogieSpell.prototype.updateOrginalText = function(offset, old_value, new_value, id) {
- var part_1 = this.orginal_text.substring(0, offset);
- var part_2 = this.orginal_text.substring(offset+old_value.length);
- this.orginal_text = part_1 + new_value + part_2;
- var add_2_offset = new_value.length - old_value.length;
- for(var j=0; j < this.results.length; j++) {
- //Don't edit the offset of the current item
- if(j != id && j > id){
- this.results[j]['attrs']['o'] += add_2_offset;
- }
- }
-}
+ this.hideErrorWindow();
-GoogieSpell.prototype.saveOldValue = function (id, old_value) {
- this.results[id]['is_changed'] = true;
- this.results[id]['old_value'] = old_value;
-}
+ if (this.main_controller)
+ $(this.spell_span).removeClass().addClass('googie_no_style');
-GoogieSpell.prototype.showErrorWindow = function(elm, id) {
- var me = this;
-
- var abs_pos = GoogieSpell.absolutePosition(elm);
- abs_pos.y -= this.edit_layer.scrollTop;
- this.error_window.style.visibility = "visible";
- this.error_window.style.top = (abs_pos.y+20) + "px";
- this.error_window.style.left = (abs_pos.x) + "px";
- this.error_window.innerHTML = "";
-
- //Build up the result list
- var table = AJS.TABLE({'class': 'googie_list'});
- var list = AJS.TBODY();
-
- var suggestions = this.results[id]['suggestions'];
- var offset = this.results[id]['attrs']['o'];
- var len = this.results[id]['attrs']['l'];
-
- if(suggestions.length == 0) {
- var row = AJS.TR();
- var item = AJS.TD();
- var dummy = AJS.SPAN();
- item.appendChild(AJS.TN("No suggestions :("));
- row.appendChild(item);
- list.appendChild(row);
- }
-
- for(i=0; i < suggestions.length; i++) {
- var row = AJS.TR();
- var item = AJS.TD();
- var dummy = AJS.SPAN();
- dummy.innerHTML = suggestions[i];
- item.appendChild(AJS.TN(dummy.innerHTML));
-
- item.onclick = function(e) {
- var l_elm = GoogieSpell.getEventElm(e);
- var old_value = elm.innerHTML;
- var new_value = l_elm.innerHTML;
-
- elm.style.color = "green";
- elm.innerHTML = l_elm.innerHTML;
- me.hideErrorWindow();
-
- me.updateOrginalText(offset, old_value, new_value, id);
-
- //Update to the new length
- me.results[id]['attrs']['l'] = new_value.length;
- me.saveOldValue(id, old_value);
- };
- item.onmouseover = GoogieSpell.item_onmouseover;
- item.onmouseout = GoogieSpell.item_onmouseout;
- row.appendChild(item);
- list.appendChild(row);
- }
-
- //The element is changed, append the revert
- if(this.results[id]['is_changed']) {
- var old_value = this.results[id]['old_value'];
- var offset = this.results[id]['attrs']['o'];
- var revert_row = AJS.TR();
- var revert = AJS.TD();
-
- revert.onmouseover = GoogieSpell.item_onmouseover;
- revert.onmouseout = GoogieSpell.item_onmouseout;
- var rev_span = AJS.SPAN({'class': 'googie_list_revert'});
- rev_span.innerHTML = this.lang_revert + " " + old_value;
- revert.appendChild(rev_span);
-
- revert.onclick = function(e) {
- me.updateOrginalText(offset, elm.innerHTML, old_value, id);
- elm.style.color = "#b91414";
- elm.innerHTML = old_value;
- me.hideErrorWindow();
- };
+ if (!this.ignore) {
+ if (this.use_focus) {
+ $(this.focus_link_t).remove();
+ $(this.focus_link_b).remove();
+ }
+
+ $(this.edit_layer).remove();
+ $(this.text_area).show();
- revert_row.appendChild(revert);
- list.appendChild(revert_row);
- }
-
- //Append the edit box
- var edit_row = AJS.TR();
- var edit = AJS.TD();
-
- var edit_input = AJS.INPUT({'style': 'width: 120px; margin:0; padding:0'});
-
- var onsub = function () {
- if(edit_input.value != "") {
- me.saveOldValue(id, elm.innerHTML);
- me.updateOrginalText(offset, elm.innerHTML, edit_input.value, id);
- elm.style.color = "green"
- elm.innerHTML = edit_input.value;
-
- me.hideErrorWindow();
- return false;
+ if (this.el_scroll_top != undefined)
+ this.text_area.scrollTop = this.el_scroll_top;
}
- };
-
- var ok_pic = AJS.IMG({'src': this.img_dir + "ok.gif", 'style': 'width: 32px; height: 16px; margin-left: 2px; margin-right: 2px;'});
- var edit_form = AJS.FORM({'style': 'margin: 0; padding: 0'}, edit_input, ok_pic);
- ok_pic.onclick = onsub;
- edit_form.onsubmit = onsub;
-
- edit.appendChild(edit_form);
- edit_row.appendChild(edit);
- list.appendChild(edit_row);
-
- //Close button
- var close_row = AJS.TR();
- var close = AJS.TD();
-
- close.onmouseover = GoogieSpell.item_onmouseover;
- close.onmouseout = GoogieSpell.item_onmouseout;
-
- var spn_close = AJS.SPAN({'class': 'googie_list_close'});
- spn_close.innerHTML = this.lang_close;
- close.appendChild(spn_close);
- close.onclick = function() { me.hideErrorWindow()};
- close_row.appendChild(close);
- list.appendChild(close_row);
-
- table.appendChild(list);
- this.error_window.appendChild(table);
-}
+ this.checkSpellingState(false);
+};
+this.createErrorLink = function(text, id)
+{
+ var elm = document.createElement('span'),
+ ref = this,
+ d = function (e) {
+ ref.showErrorWindow(elm, id);
+ d = null;
+ return false;
+ };
-/****
- Edit layer (the layer where the suggestions are stored)
-****/
-GoogieSpell.prototype.createEditLayer = function(width, height) {
- this.edit_layer = AJS.DIV({'class': 'googie_edit_layer'});
-
- //Set the style so it looks like edit areas
- this.edit_layer.className = this.text_area.className;
- this.edit_layer.style.border = "1px solid #999";
- this.edit_layer.style.overflow = "auto";
- this.edit_layer.style.backgroundColor = "#F1EDFE";
- this.edit_layer.style.padding = "3px";
-
- this.edit_layer.style.width = (width-8) + "px";
- this.edit_layer.style.height = height + "px";
-}
+ $(elm).html(text).addClass('googie_link').click(d).removeAttr('is_corrected')
+ .attr({'googie_action_btn' : '1', 'g_id' : id});
-GoogieSpell.prototype.resumeEditing = function(e, me) {
- this.setStateChanged("check_spelling");
- me.switch_lan_pic.style.display = "inline";
+ return elm;
+};
- this.el_scroll_top = me.edit_layer.scrollTop;
+this.createPart = function(txt_part)
+{
+ if (txt_part == " ")
+ return document.createTextNode(" ");
- var elm = GoogieSpell.getEventElm(e);
- AJS.replaceChildNodes(elm, this.createSpellDiv());
+ txt_part = this.escapeSpecial(txt_part);
+ txt_part = txt_part.replace(/\n/g, "<br>");
+ txt_part = txt_part.replace(/ /g, " ");
+ txt_part = txt_part.replace(/^ /g, " ");
+ txt_part = txt_part.replace(/ $/g, " ");
- elm.onclick = function(e) {
- me.spellCheck(elm, me.text_area.id);
- };
- me.hideErrorWindow();
+ var span = document.createElement('span');
+ $(span).html(txt_part);
+ return span;
+};
- //Remove the EDIT_LAYER
- me.edit_layer.parentNode.removeChild(me.edit_layer);
+this.showErrorsInIframe = function()
+{
+ var output = document.createElement('div'),
+ pointer = 0,
+ results = this.results;
+
+ if (results.length > 0) {
+ for (var i=0, length=results.length; i < length; i++) {
+ var offset = results[i]['attrs']['o'],
+ len = results[i]['attrs']['l'],
+ part_1_text = this.orginal_text.substring(pointer, offset),
+ part_1 = this.createPart(part_1_text);
+
+ output.appendChild(part_1);
+ pointer += offset - pointer;
+
+ // If the last child was an error, then insert some space
+ var err_link = this.createErrorLink(this.orginal_text.substr(offset, len), i);
+ this.error_links.push(err_link);
+ output.appendChild(err_link);
+ pointer += len;
+ }
- me.text_area.value = me.orginal_text;
- AJS.showElement(me.text_area);
- me.gselm.className = "googie_no_style";
+ // Insert the rest of the orginal text
+ var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length),
+ part_2 = this.createPart(part_2_text);
- me.text_area.scrollTop = this.el_scroll_top;
+ output.appendChild(part_2);
+ }
+ else
+ output.innerHTML = this.orginal_text;
- elm.onmouseout = null;
-}
+ $(output).css('text-align', 'left');
-GoogieSpell.prototype.createErrorLink = function(text, id) {
- var elm = AJS.SPAN({'class': 'googie_link'});
- var me = this;
- elm.onclick = function () {
- me.showErrorWindow(elm, id);
- };
- elm.innerHTML = text;
- return elm;
-}
+ var me = this;
+ if (this.custom_item_evaulator)
+ $.map(this.error_links, function(elm){me.custom_item_evaulator(me, elm)});
-GoogieSpell.createPart = function(txt_part) {
- if(txt_part == " ")
- return AJS.TN(" ");
- var result = AJS.SPAN();
+ $(this.edit_layer).append(output);
- var is_first = true;
- var is_safari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1);
+ // Hide text area and show edit layer
+ $(this.text_area).hide();
+ $(this.edit_layer).insertBefore(this.text_area);
- var part = AJS.SPAN();
- txt_part = GoogieSpell.escapeSepcial(txt_part);
- txt_part = txt_part.replace(/\n/g, "<br>");
- txt_part = txt_part.replace(/ /g, " ");
- txt_part = txt_part.replace(/^ /g, " ");
- txt_part = txt_part.replace(/ $/g, " ");
-
- part.innerHTML = txt_part;
+ if (this.use_focus) {
+ this.focus_link_t = this.createFocusLink('focus_t');
+ this.focus_link_b = this.createFocusLink('focus_b');
- return part;
-}
+ $(this.focus_link_t).insertBefore(this.edit_layer);
+ $(this.focus_link_b).insertAfter(this.edit_layer);
+ }
-GoogieSpell.prototype.showErrorsInIframe = function(results) {
- var output = AJS.DIV();
- output.style.textAlign = "left";
- var pointer = 0;
- for(var i=0; i < results.length; i++) {
- var offset = results[i]['attrs']['o'];
- var len = results[i]['attrs']['l'];
-
- var part_1_text = this.orginal_text.substring(pointer, offset);
- var part_1 = GoogieSpell.createPart(part_1_text);
- output.appendChild(part_1);
- pointer += offset - pointer;
-
- //If the last child was an error, then insert some space
- output.appendChild(this.createErrorLink(this.orginal_text.substr(offset, len), i));
- pointer += len;
- }
- //Insert the rest of the orginal text
- var part_2_text = this.orginal_text.substr(pointer, this.orginal_text.length);
-
- var part_2 = GoogieSpell.createPart(part_2_text);
- output.appendChild(part_2);
-
- this.edit_layer.appendChild(output);
-
- //Hide text area
- AJS.hideElement(this.text_area);
- this.text_area.parentNode.insertBefore(this.edit_layer, this.text_area.nextSibling);
- this.edit_layer.scrollTop = this.ta_scroll_top;
-}
+// this.edit_layer.scrollTop = this.ta_scroll_top;
+};
-GoogieSpell.Position = function(x, y) {
- this.x = x;
- this.y = y;
-}
-
-//Get the absolute position of menu_slide
-GoogieSpell.absolutePosition = function(element) {
- //Create a new object that has elements y and x pos...
- var posObj = new GoogieSpell.Position(element.offsetLeft, element.offsetTop);
-
- //Check if the element has an offsetParent - if it has .. loop until it has not
- if(element.offsetParent) {
- var temp_pos = GoogieSpell.absolutePosition(element.offsetParent);
- posObj.x += temp_pos.x;
- posObj.y += temp_pos.y;
- }
- return posObj;
-}
-GoogieSpell.getEventElm = function(e) {
- var targ;
- if (!e) var e = window.event;
- if (e.target) targ = e.target;
- else if (e.srcElement) targ = e.srcElement;
- if (targ.nodeType == 3) // defeat Safari bug
- targ = targ.parentNode;
- return targ;
-}
+//////
+// Choose language menu
+//////
+this.createLangWindow = function()
+{
+ this.language_window = document.createElement('div');
+ $(this.language_window).addClass('googie_window popupmenu')
+ .width(100).attr('googie_action_btn', '1');
+
+ // Build up the result list
+ var table = document.createElement('table'),
+ list = document.createElement('tbody'),
+ ref = this,
+ row, item, span;
+
+ $(table).addClass('googie_list').width('100%');
+ this.lang_elms = [];
+
+ for (i=0; i < this.langlist_codes.length; i++) {
+ row = document.createElement('tr');
+ item = document.createElement('td');
+ span = document.createElement('span');
+
+ $(span).text(this.lang_to_word[this.langlist_codes[i]]);
+ this.lang_elms.push(item);
+
+ $(item).attr('googieId', this.langlist_codes[i])
+ .bind('click', function(e) {
+ ref.deHighlightCurSel();
+ ref.setCurrentLanguage($(this).attr('googieId'));
+
+ if (ref.lang_state_observer != null) {
+ ref.lang_state_observer();
+ }
+
+ ref.highlightCurSel();
+ ref.hideLangWindow();
+ })
+ .bind('mouseover', function(e) {
+ if (this.className != "googie_list_selected")
+ this.className = "googie_list_onhover";
+ })
+ .bind('mouseout', function(e) {
+ if (this.className != "googie_list_selected")
+ this.className = "googie_list_onout";
+ });
+
+ item.appendChild(span);
+ row.appendChild(item);
+ list.appendChild(row);
+ }
-GoogieSpell.prototype.removeIndicator = function(elm) {
- // modified by roundcube
- if (window.rcube_webmail_client)
- rcube_webmail_client.set_busy(false);
- //AJS.removeElement(this.indicator);
-}
+ // Close button
+ if (this.use_close_btn) {
+ list.appendChild(this.createCloseButton(function () { ref.hideLangWindow.apply(ref) }));
+ }
-GoogieSpell.prototype.appendIndicator = function(elm) {
- // modified by roundcube
- if (window.rcube_webmail_client)
- rcube_webmail_client.set_busy(true, 'checking');
-/*
- var img = AJS.IMG({'src': this.img_dir + 'indicator.gif', 'style': 'margin-right: 5px;'});
- img.style.width = "16px";
- img.style.height = "16px";
- this.indicator = img;
- img.style.textDecoration = "none";
- AJS.insertBefore(img, elm);
- */
-}
+ this.highlightCurSel();
-/****
- Choose language
-****/
-GoogieSpell.prototype.createLangWindow = function() {
- this.language_window = AJS.DIV({'class': 'googie_window'});
- this.language_window.style.width = "130px";
+ table.appendChild(list);
+ this.language_window.appendChild(table);
+};
- //Build up the result list
- var table = AJS.TABLE({'class': 'googie_list'});
- var list = AJS.TBODY();
+this.isLangWindowShown = function()
+{
+ return $(this.language_window).is(':visible');
+};
- this.lang_elms = new Array();
+this.hideLangWindow = function()
+{
+ $(this.language_window).hide();
+ $(this.switch_lan_pic).removeClass().addClass('googie_lang_3d_on');
+};
- for(i=0; i < this.langlist_codes.length; i++) {
- var row = AJS.TR();
- var item = AJS.TD();
- item.googieId = this.langlist_codes[i];
- this.lang_elms.push(item);
- var lang_span = AJS.SPAN();
- lang_span.innerHTML = this.lang_to_word[this.langlist_codes[i]];
- item.appendChild(AJS.TN(lang_span.innerHTML));
+this.showLangWindow = function(elm)
+{
+ if (this.show_menu_observer)
+ this.show_menu_observer(this);
- var me = this;
-
- item.onclick = function(e) {
- var elm = GoogieSpell.getEventElm(e);
- me.deHighlightCurSel();
+ this.createLangWindow();
+ $('body').append(this.language_window);
- me.setCurrentLanguage(elm.googieId);
+ var pos = $(elm).offset(),
+ height = $(elm).height(),
+ width = $(elm).width(),
+ h = $(this.language_window).height(),
+ pageheight = $(document).height(),
+ left = this.change_lang_pic_placement == 'right' ?
+ pos.left - 100 + width : pos.left + width,
+ top = pos.top + h < pageheight ? pos.top + height : pos.top - h - 4;
- if(me.lang_state_observer != null) {
- me.lang_state_observer();
- }
+ $(this.language_window).css({'top' : top+'px','left' : left+'px'}).show();
- me.highlightCurSel();
- me.hideLangWindow();
- };
+ this.highlightCurSel();
+};
- item.onmouseover = function(e) {
- var i_it = GoogieSpell.getEventElm(e);
- if(i_it.className != "googie_list_selected")
- i_it.className = "googie_list_onhover";
- };
- item.onmouseout = function(e) {
- var i_it = GoogieSpell.getEventElm(e);
- if(i_it.className != "googie_list_selected")
- i_it.className = "googie_list_onout";
- };
+this.deHighlightCurSel = function()
+{
+ $(this.lang_cur_elm).removeClass().addClass('googie_list_onout');
+};
- row.appendChild(item);
- list.appendChild(row);
- }
-
- this.highlightCurSel();
-
- //Close button
- var close_row = AJS.TR();
- var close = AJS.TD();
- close.onmouseover = GoogieSpell.item_onmouseover;
- close.onmouseout = GoogieSpell.item_onmouseout;
- var spn_close = AJS.SPAN({'class': 'googie_list_close'});
- spn_close.innerHTML = this.lang_close;
- close.appendChild(spn_close);
- var me = this;
- close.onclick = function(e) {
- me.hideLangWindow(); GoogieSpell.item_onmouseout(e);
- };
- close_row.appendChild(close);
- list.appendChild(close_row);
-
- table.appendChild(list);
- this.language_window.appendChild(table);
-}
+this.highlightCurSel = function()
+{
+ if (GOOGIE_CUR_LANG == null)
+ GOOGIE_CUR_LANG = GOOGIE_DEFAULT_LANG;
+ for (var i=0; i < this.lang_elms.length; i++) {
+ if ($(this.lang_elms[i]).attr('googieId') == GOOGIE_CUR_LANG) {
+ this.lang_elms[i].className = 'googie_list_selected';
+ this.lang_cur_elm = this.lang_elms[i];
+ }
+ else {
+ this.lang_elms[i].className = 'googie_list_onout';
+ }
+ }
+};
-GoogieSpell.prototype.setCurrentLanguage = function(lan_code) {
- GOOGIE_CUR_LANG = lan_code;
+this.createChangeLangPic = function()
+{
+ var img = $('<img>')
+ .attr({src: this.img_dir + 'change_lang.gif', 'alt': 'Change language', 'googie_action_btn': '1'}),
+ switch_lan = document.createElement('span');
+ ref = this;
+
+ $(switch_lan).addClass('googie_lang_3d_on')
+ .append(img)
+ .bind('click', function(e) {
+ var elm = this.tagName.toLowerCase() == 'img' ? this.parentNode : this;
+ if($(elm).hasClass('googie_lang_3d_click')) {
+ elm.className = 'googie_lang_3d_on';
+ ref.hideLangWindow();
+ }
+ else {
+ elm.className = 'googie_lang_3d_click';
+ ref.showLangWindow(elm);
+ }
+ });
+
+ return switch_lan;
+};
- //Set cookie
- var now = new Date();
- now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
- setCookie('language', lan_code, now);
-}
+this.createSpellDiv = function()
+{
+ var span = document.createElement('span');
-GoogieSpell.prototype.hideLangWindow = function() {
- this.language_window.style.visibility = "hidden";
- this.switch_lan_pic.className = "googie_lang_3d_on";
-}
+ $(span).addClass('googie_check_spelling_link').text(this.lang_chck_spell);
-GoogieSpell.prototype.deHighlightCurSel = function() {
- this.lang_cur_elm.className = "googie_list_onout";
-}
+ if (this.show_spell_img) {
+ $(span).append(' ').append($('<img>').attr('src', this.img_dir + 'spellc.gif'));
+ }
+ return span;
+};
-GoogieSpell.prototype.highlightCurSel = function() {
- for(var i=0; i < this.lang_elms.length; i++) {
- if(this.lang_elms[i].googieId == GOOGIE_CUR_LANG) {
- this.lang_elms[i].className = "googie_list_selected";
- this.lang_cur_elm = this.lang_elms[i];
+
+//////
+// State functions
+/////
+this.flashNoSpellingErrorState = function(on_finish)
+{
+ this.setStateChanged('no_error_found');
+
+ var ref = this;
+ if (this.main_controller) {
+ var no_spell_errors;
+ if (on_finish) {
+ var fn = function() {
+ on_finish();
+ ref.checkSpellingState();
+ };
+ no_spell_errors = fn;
+ }
+ else
+ no_spell_errors = function () { ref.checkSpellingState() };
+
+ var rsm = $('<span>').text(this.lang_no_error_found);
+
+ $(this.switch_lan_pic).hide();
+ $(this.spell_span).empty().append(rsm)
+ .removeClass().addClass('googie_check_spelling_ok');
+
+ window.setTimeout(no_spell_errors, 1000);
}
- else {
- this.lang_elms[i].className = "googie_list_onout";
+};
+
+this.resumeEditingState = function()
+{
+ this.setStateChanged('resume_editing');
+
+ //Change link text to resume
+ if (this.main_controller) {
+ var rsm = $('<span>').text(this.lang_rsm_edt);
+ var ref = this;
+
+ $(this.switch_lan_pic).hide();
+ $(this.spell_span).empty().unbind().append(rsm)
+ .bind('click', function() { ref.resumeEditing() })
+ .removeClass().addClass('googie_resume_editing');
}
- }
-}
-GoogieSpell.prototype.showLangWindow = function(elm, ofst_top, ofst_left) {
- if(!AJS.isDefined(ofst_top))
- ofst_top = 20;
- if(!AJS.isDefined(ofst_left))
- ofst_left = 50;
-
- this.createLangWindow();
- AJS.getBody().appendChild(this.language_window);
-
- var abs_pos = GoogieSpell.absolutePosition(elm);
- AJS.showElement(this.language_window);
- this.language_window.style.top = (abs_pos.y+ofst_top) + "px";
- this.language_window.style.left = (abs_pos.x+ofst_left-this.language_window.offsetWidth) + "px";
- this.highlightCurSel();
- this.language_window.style.visibility = "visible";
-}
+ try { this.edit_layer.scrollTop = this.ta_scroll_top; }
+ catch (e) {};
+};
-GoogieSpell.prototype.flashNoSpellingErrorState = function() {
- this.setStateChanged("no_error_found");
- var me = this;
- AJS.hideElement(this.switch_lan_pic);
- this.gselm.innerHTML = this.lang_no_error_found;
- this.gselm.className = "googie_check_spelling_ok";
- this.gselm.style.textDecoration = "none";
- this.gselm.style.cursor = "default";
- var fu = function() {
- AJS.removeElement(me.gselm);
- me.checkSpellingState();
- };
- setTimeout(fu, 1000);
-}
+this.checkSpellingState = function(fire)
+{
+ if (fire)
+ this.setStateChanged('ready');
-GoogieSpell.prototype.resumeEditingState = function() {
- this.setStateChanged("resume_editing");
- var me = this;
- AJS.hideElement(me.switch_lan_pic);
-
- //Change link text to resume
- me.gselm.innerHTML = this.lang_rsm_edt;
- me.gselm.onclick = function(e) {
- me.resumeEditing(e, me);
- }
- me.gselm.className = "googie_check_spelling_ok";
- me.edit_layer.scrollTop = me.ta_scroll_top;
-}
+ if (this.show_change_lang_pic)
+ this.switch_lan_pic = this.createChangeLangPic();
+ else
+ this.switch_lan_pic = document.createElement('span');
-GoogieSpell.prototype.createChangeLangPic = function() {
- var switch_lan = AJS.A({'class': 'googie_lang_3d_on', 'style': 'padding-left: 6px;'}, AJS.IMG({'src': this.img_dir + 'change_lang.gif', 'alt': "Change language"}));
- switch_lan.onmouseover = function() {
- if(this.className != "googie_lang_3d_click")
- this.className = "googie_lang_3d_on";
- }
-
- var me = this;
- switch_lan.onclick = function() {
- if(this.className == "googie_lang_3d_click") {
- me.hideLangWindow();
- }
+ var span_chck = this.createSpellDiv(),
+ ref = this;
+
+ if (this.custom_spellcheck_starter)
+ $(span_chck).bind('click', function(e) { ref.custom_spellcheck_starter() });
else {
- me.showLangWindow(switch_lan);
- this.className = "googie_lang_3d_click";
+ $(span_chck).bind('click', function(e) { ref.spellCheck() });
}
- }
- return switch_lan;
-}
-GoogieSpell.prototype.createSpellDiv = function() {
- var chk_spell = AJS.SPAN({'class': 'googie_check_spelling_link'});
- chk_spell.innerHTML = this.lang_chck_spell;
- var spell_img = null;
- if(this.show_spell_img)
- spell_img = AJS.IMG({'src': this.img_dir + "spellc.gif"});
- return AJS.SPAN(spell_img, " ", chk_spell);
-}
+ if (this.main_controller) {
+ if (this.change_lang_pic_placement == 'left') {
+ $(this.spell_container).empty().append(this.switch_lan_pic).append(' ').append(span_chck);
+ } else {
+ $(this.spell_container).empty().append(span_chck).append(' ').append(this.switch_lan_pic);
+ }
+ }
-GoogieSpell.prototype.checkSpellingState = function() {
- this.setStateChanged("check_spelling");
- var me = this;
- if(this.show_change_lang_pic)
- this.switch_lan_pic = this.createChangeLangPic();
- else
- this.switch_lan_pic = AJS.SPAN();
-
- var span_chck = this.createSpellDiv();
- span_chck.onclick = function() {
- me.spellCheck(span_chck);
- }
- AJS.appendChildNodes(this.spell_container, span_chck, " ", this.switch_lan_pic);
- // modified by roundcube
- this.check_link = span_chck;
-}
+ this.spell_span = span_chck;
+};
-GoogieSpell.prototype.setLanguages = function(lang_dict) {
- this.lang_to_word = lang_dict;
- this.langlist_codes = AJS.keys(lang_dict);
-}
-GoogieSpell.prototype.decorateTextarea = function(id, /*optional*/spell_container_id, force_width) {
- var me = this;
+//////
+// Misc. functions
+/////
+this.isDefined = function(o)
+{
+ return (o !== undefined && o !== null)
+};
+
+this.errorFixed = function()
+{
+ this.cnt_errors_fixed++;
+ if (this.all_errors_fixed_observer)
+ if (this.cnt_errors_fixed == this.cnt_errors) {
+ this.hideErrorWindow();
+ this.all_errors_fixed_observer();
+ }
+};
+
+this.errorFound = function()
+{
+ this.cnt_errors++;
+};
- if(typeof(id) == "string")
- this.text_area = AJS.getElement(id);
- else
- this.text_area = id;
+this.createCloseButton = function(c_fn)
+{
+ return this.createButton(this.lang_close, 'googie_list_close', c_fn);
+};
- var r_width;
+this.createButton = function(name, css_class, c_fn)
+{
+ var btn_row = document.createElement('tr'),
+ btn = document.createElement('td'),
+ spn_btn;
- if(this.text_area != null) {
- if(AJS.isDefined(spell_container_id)) {
- if(typeof(spell_container_id) == "string")
- this.spell_container = AJS.getElement(spell_container_id);
- else
- this.spell_container = spell_container_id;
- }
- else {
- var table = AJS.TABLE();
- var tbody = AJS.TBODY();
- var tr = AJS.TR();
- if(AJS.isDefined(force_width)) {
- r_width = force_width;
- }
- else {
- r_width = this.text_area.offsetWidth + "px";
- }
-
- var spell_container = AJS.TD();
- this.spell_container = spell_container;
-
- tr.appendChild(spell_container);
-
- tbody.appendChild(tr);
- table.appendChild(tbody);
-
- AJS.insertBefore(table, this.text_area);
-
- //Set width
- table.style.width = '100%'; // modified by roundcube (old: r_width)
- spell_container.style.width = r_width;
- spell_container.style.textAlign = "right";
+ if (css_class) {
+ spn_btn = document.createElement('span');
+ $(spn_btn).addClass(css_class).html(name);
+ } else {
+ spn_btn = document.createTextNode(name);
}
- this.checkSpellingState();
- }
- else {
- alert("Text area not found");
- }
+ $(btn).bind('click', c_fn)
+ .bind('mouseover', this.item_onmouseover)
+ .bind('mouseout', this.item_onmouseout);
+
+ btn.appendChild(spn_btn);
+ btn_row.appendChild(btn);
+
+ return btn_row;
+};
+
+this.removeIndicator = function(elm)
+{
+ //$(this.indicator).remove();
+ // roundcube mod.
+ if (window.rcmail)
+ rcmail.set_busy(false, null, this.rc_msg_id);
+};
+
+this.appendIndicator = function(elm)
+{
+ // modified by roundcube
+ if (window.rcmail)
+ this.rc_msg_id = rcmail.set_busy(true, 'checking');
+/*
+ this.indicator = document.createElement('img');
+ $(this.indicator).attr('src', this.img_dir + 'indicator.gif')
+ .css({'margin-right': '5px', 'text-decoration': 'none'}).width(16).height(16);
+
+ if (elm)
+ $(this.indicator).insertBefore(elm);
+ else
+ $('body').append(this.indicator);
+*/
}
+
+this.createFocusLink = function(name)
+{
+ var link = document.createElement('a');
+ $(link).attr({'href': 'javascript:;', 'name': name});
+ return link;
+};
+
+this.item_onmouseover = function(e)
+{
+ if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
+ this.className = 'googie_list_onhover';
+ else
+ this.parentNode.className = 'googie_list_onhover';
+};
+
+this.item_onmouseout = function(e)
+{
+ if (this.className != 'googie_list_revert' && this.className != 'googie_list_close')
+ this.className = 'googie_list_onout';
+ else
+ this.parentNode.className = 'googie_list_onout';
+};
+
+
+};