/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C L A S S E S. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ E D I T I N P L A C E. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ editInPlace = new Class({ options: { formTag: 'input', formItems: false, xhrsuccess: false }, initialize: function(tagList, options) { options = $merge(this.options, options); $splat(tagList).each(function(tagObj) { tagObj.addEvents({ 'click': function() { if ($chk(tagObj.valueOriginal)) return; tagObj.valueOriginal = tagObj.get('text'); tagObj.empty(); tagObj.formTag = new Element(options.formTag, { 'value': tagObj.valueOriginal, 'styles': { 'padding': '0px', 'margin': '0px', 'width': tagObj.getStyle('width'), 'border': '0px', 'color': '#ffffff', 'background-color': 'transparent' }, 'events': { 'blur': function() { tagObj.valueCurrent = (options.formTag == 'select') ? this.getElement('option[selected]').get('text').trim() : this.get('value').trim(); if (tagObj.valueCurrent != tagObj.valueOriginal) { tagObj.value = this.get('value').trim(); messageBox.messageBoxShow({ title: "Sauvegarde", duration: false, xhr: $merge(editListingOptions, tagObj.getParent().options, tagObj.options, { 'xhrAct': 'updateData', 'dbTableFieldData': tagObj.value }), xhrsuccess: function() { if (!$('messageBoxContent').get('text').test('erreur', 'i')) { tagObj.set('text', tagObj.valueCurrent); options.xhrsuccess.run(); } else tagObj.set('text', tagObj.valueOriginal); delete tagObj.valueOriginal, tagObj.valueCurrent; tagObj.formTag.destroy(); } }); } else { tagObj.set('text', tagObj.valueOriginal); delete tagObj.valueOriginal, tagObj.valueCurrent; this.destroy(); } }, 'change': function() { if (options.formTag == 'select') this.blur(); return; }, 'keydown': function(event) { if ((event.key=="enter") || (event.key=="tab") || (event.key=="esc")) this.blur(); return; } } }); // Select options if ($chk(options.formItems)) { $each(options.formItems, function(formItem, i) { var formOption = new Element('option', {'value': i}).set('text', formItem).inject(tagObj.formTag); if (formItem == tagObj.valueOriginal) formOption.set('selected', 'selected'); }); } tagObj.formTag.inject(tagObj).focus(); } }); }); } }); /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F U N C T I O N. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TOOL FUNCTIONS. function fieldOnFocus(tagField) { fieldErase = window.setInterval( function() { tagField.set('value', tagField.get('value').substr(0, (tagField.get('value').length-1))); if (tagField.get('value') == null || tagField.get('value') == '') { if (tagField.get('name').test('password', 'i')) tagField.set('type', 'password'); window.clearInterval(fieldErase); } }, 25); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DATE-TIME CLOCK. function clockCompute() { if (!$chk(this.date)) { this.date = this.get('text').replace(/\W+/g, " ").trim().split(" "); this.dateHours = this.date[4].toInt(); this.dateMinutes = this.date[5].toInt(); this.dateSeconds = this.date[6].toInt(); } this.dateSeconds += 1; if (this.dateSeconds == 60) { this.dateSeconds = 0; this.dateMinutes += 1; if (this.dateMinutes == 60) { this.dateMinutes = 0; this.dateHours += 1; if (this.dateHours == 24) { this.dateHours = 0; delete this.date; $clear(clockLoop); this.get('load', $merge(mainXhrOptions, { data: {'xhrAct':'dateDisplay'}, onSuccess: function() { clockLoop = clockCompute.periodical(1000, this); }.bind(this) })).send(); } } } this.set('text', this.date[0]+" "+this.date[1]+" "+this.date[2]+" "+this.date[3]+" ("+stringUnshift(this.dateHours.toString(),'0',2)+":"+stringUnshift(this.dateMinutes.toString(),'0',2)+":"+stringUnshift(this.dateSeconds.toString(),'0',2)+")"); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ EMAIL ADDRESS VALIDITY. function emailCheck(str) { var regExp = /^\w([-_.]?\w)*@\w([-_.]?\w)*\.([a-zA-Z]{2,4})$/; return (regExp.test(str)); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ URL-REWRITING. function urlRewriting(str, cut) { str = (cut) ? stringCut(str, cut) : str; str =str.replace(/\s/g, " "); str = str.replace(/['’‘´'\`]+/g, "'"); str = str.replace(/[«»“”\"<{\(\[\]\)}>–—•]+/g, ""); str = str.replace(/\&/g, "and"); str = str.replace(/œ/g, "oe"); str = htmlEntities(str, "HTML_ENTITIES", "ENT_NOQUOTES"); str = str.replace(/&([a-z])[a-z]+;/gi, "$1"); str = str.toLowerCase(); str = str.replace(/\b[a-z]?\'/g, "-"); str = str.replace(/[^0-9a-z]+/g, "-"); return stringTrim(str, "-"); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STRING CUT. function stringCut(str, len) { if (str.length > len) { while (str.substr(len, 1) != " ") len--; str = str.substr(0, len); } return str; } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STRING UNSHIFT. function stringUnshift(str, fill, len) { for (var i=str.length; i=0; i--) { if (whitespace.indexOf(str.charAt(i)) === -1) { str = str.substring(0, i + 1); break; } } return whitespace.indexOf(str.charAt(0)) === -1 ? str : ""; } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STRING UCFIRST. function utf8Decode(str) { var arr=[], i=0, ac=0, c1=0, c2=0, c3=0; str += ""; while (i < str.length) { c1 = str.charCodeAt(i); if (c1 < 128) { arr[ac++] = String.fromCharCode(c1); i++; } else if ((c1 > 191) && (c1 < 224)) { c2 = str.charCodeAt(i+1); arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63)); i += 2; } else { c2 = str.charCodeAt(i+1); c3 = str.charCodeAt(i+2); arr[ac++] = String.fromCharCode(((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i += 3; } } return arr.join(''); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HTML ENTITIES. function htmlEntities(str, table, quoteStyle) { var histogram={}, symbol="", entity=""; str = str.toString(); if (false === (histogram = getHtmlTranslationTable(table, quoteStyle))) return false; for (symbol in histogram) { entity = histogram[symbol]; str = str.split(symbol).join(entity); } return str; } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HTML TRANSLATION TABLE. function getHtmlTranslationTable(table, quoteStyle) { var entities={}, histogram={}, decimal=0, symbol=""; var constMappingTable={}, constMappingQuoteStyle={}; var useTable={}, useQuoteStyle={}; useTable = (table ? table.toUpperCase() : "HTML_SPECIALCHARS"); useQuoteStyle = (quoteStyle ? quoteStyle.toUpperCase() : "ENT_COMPAT"); constMappingTable[0] = "HTML_SPECIALCHARS"; constMappingTable[1] = "HTML_ENTITIES"; constMappingQuoteStyle[0] = "ENT_NOQUOTES"; constMappingQuoteStyle[2] = "ENT_COMPAT"; constMappingQuoteStyle[3] = "ENT_QUOTES"; if (!isNaN(useTable)) useTable = constMappingTable[useTable]; if (!isNaN(useQuoteStyle)) useQuoteStyle = constMappingQuoteStyle[useQuoteStyle]; if (useTable == "HTML_SPECIALCHARS") { entities['38'] = "&"; if (useQuoteStyle != "ENT_NOQUOTES") entities['34'] = """; if (useQuoteStyle == "ENT_QUOTES") entities['39'] = "'"; entities['60'] = "<"; entities['62'] = ">"; } else if (useTable == "HTML_ENTITIES") { entities['38'] = "&"; if (useQuoteStyle != "ENT_NOQUOTES") entities['34'] = """; if (useQuoteStyle == "ENT_QUOTES") entities['39'] = "'"; entities['60'] = "<"; entities['62'] = ">"; entities['160'] = " "; entities['161'] = "¡"; entities['162'] = "¢"; entities['163'] = "£"; entities['164'] = "¤"; entities['165'] = "¥"; entities['166'] = "¦"; entities['167'] = "§"; entities['168'] = "¨"; entities['169'] = "©"; entities['170'] = "ª"; entities['171'] = "«"; entities['172'] = "¬"; entities['173'] = "­"; entities['174'] = "®"; entities['175'] = "¯"; entities['176'] = "°"; entities['177'] = "±"; entities['178'] = "²"; entities['179'] = "³"; entities['180'] = "´"; entities['181'] = "µ"; entities['182'] = "¶"; entities['183'] = "·"; entities['184'] = "¸"; entities['185'] = "¹"; entities['186'] = "º"; entities['187'] = "»"; entities['188'] = "¼"; entities['189'] = "½"; entities['190'] = "¾"; entities['191'] = "¿"; entities['192'] = "À"; entities['193'] = "Á"; entities['194'] = "Â"; entities['195'] = "Ã"; entities['196'] = "Ä"; entities['197'] = "Å"; entities['198'] = "Æ"; entities['199'] = "Ç"; entities['200'] = "È"; entities['201'] = "É"; entities['202'] = "Ê"; entities['203'] = "Ë"; entities['204'] = "Ì"; entities['205'] = "Í"; entities['206'] = "Î"; entities['207'] = "Ï"; entities['208'] = "Ð"; entities['209'] = "Ñ"; entities['210'] = "Ò"; entities['211'] = "Ó"; entities['212'] = "Ô"; entities['213'] = "Õ"; entities['214'] = "Ö"; entities['215'] = "×"; entities['216'] = "Ø"; entities['217'] = "Ù"; entities['218'] = "Ú"; entities['219'] = "Û"; entities['220'] = "Ü"; entities['221'] = "Ý"; entities['222'] = "Þ"; entities['223'] = "ß"; entities['224'] = "à"; entities['225'] = "á"; entities['226'] = "â"; entities['227'] = "ã"; entities['228'] = "ä"; entities['229'] = "å"; entities['230'] = "æ"; entities['231'] = "ç"; entities['232'] = "è"; entities['233'] = "é"; entities['234'] = "ê"; entities['235'] = "ë"; entities['236'] = "ì"; entities['237'] = "í"; entities['238'] = "î"; entities['239'] = "ï"; entities['240'] = "ð"; entities['241'] = "ñ"; entities['242'] = "ò"; entities['243'] = "ó"; entities['244'] = "ô"; entities['245'] = "õ"; entities['246'] = "ö"; entities['247'] = "÷"; entities['248'] = "ø"; entities['249'] = "ù"; entities['250'] = "ú"; entities['251'] = "û"; entities['252'] = "ü"; entities['253'] = "ý"; entities['254'] = "þ"; entities['255'] = "ÿ"; entities['8364'] = "€"; } else { throw Error("Table: "+useTable+' not supported'); return false; } for (decimal in entities) { symbol = String.fromCharCode(decimal); histogram[symbol] = entities[decimal]; } return histogram; }