* * If you want to create an object of this class manually, remember to name it "DHTMLSuite.configObj" * This object should then be created before any other objects. This is nescessary if you want * the other objects to use the values you have put into the object.
* @version 1.0 * @version 1.0 * @author Alf Magne Kalleland(www.dhtmlgoodies.com) **/ DHTMLSuite.config = function() { var imagePath; // Path to images used by the classes. var cssPath; // Path to CSS files used by the DHTML suite. var defaultCssPath; var defaultImagePath; } DHTMLSuite.config.prototype = { // {{{ init() /** * Initializes the config object - the config class is used to store global properties used by almost all widgets * * @public */ init : function() { this.imagePath = DHTML_SUITE_THEME_FOLDER + DHTML_SUITE_THEME + '/media/'; // Path to images this.cssPath = DHTML_SUITE_THEME_FOLDER + DHTML_SUITE_THEME + '/styles/'; // Path to images this.defaultCssPath = this.cssPath; this.defaultImagePath = this.imagePath; } // }}} , // {{{ setCssPath() /** * This method will save a new CSS path, i.e. where the css files of the dhtml suite are located(the folder). * This method is rarely used. Default value is the variable DHTML_SUITE_THEME_FOLDER + DHTML_SUITE_THEME + '/css', * which means that the css path is set dynamically based on which theme you choose. * * @param string newCssPath = New path to css files(folder - remember to have a slash(/) at the end) * @public */ setCssPath : function(newCssPath) { this.cssPath = newCssPath; } // }}} , // {{{ resetCssPath() /** * @deprecated * Resets css path back to default value which is ../css_dhtmlsuite/ * This method is deprecated. * * @public */ resetCssPath : function() { this.cssPath = this.defaultCssPath; } // }}} , // {{{ resetImagePath() /** * @deprecated * * Resets css path back to default path which is DHTML_SUITE_THEME_FOLDER + DHTML_SUITE_THEME + '/css' * This method is deprecated. * @public */ resetImagePath : function() { this.imagePath = this.defaultImagePath; } // }}} , // {{{ setImagePath() /** * This method will save a new image file path, i.e. where the image files used by the dhtml suite ar located * * @param string newImagePath = New path to image files (remember to have a slash(/) at the end) * @public */ setImagePath : function(newImagePath) { this.imagePath = newImagePath; } // }}} } DHTMLSuite.globalVariableStorage = function() { var menuBar_highlightedItems; // Array of highlighted menu bar items this.menuBar_highlightedItems = new Array(); var arrayDSObjects; // Array of objects of class menuItem. var arrayOfDhtmlSuiteObjects; this.arrayDSObjects = new Array(); this.arrayOfDhtmlSuiteObjects = this.arrayDSObjects; var ajaxObjects; this.ajaxObjects = new Array(); } DHTMLSuite.globalVariableStorage.prototype = { } /************************************************************************************************************ * A class with general methods used by most of the scripts * * Created: August, 19th, 2006 * Purpose of class: A class containing common method used by one or more of the gui classes below, * example: loadCSS. * An object("DHTMLSuite.commonObj") of this class will always be available to the other classes. * Update log: * ************************************************************************************************************/ /** * @constructor * @class A class containing common method used by one or more of the gui classes below, example: loadCSS. An object("DHTMLSuite.commonObj") of this class will always be available to the other classes. * @version 1.0 * @author Alf Magne Kalleland(www.dhtmlgoodies.com) **/ DHTMLSuite.common = function() { var loadedCSSFiles; // Array of loaded CSS files. Prevent same CSS file from being loaded twice. var cssCacheStatus; // Css cache status var eventEls; var isOkToSelect; // Boolean variable indicating if it's ok to make text selections this.okToSelect = true; this.cssCacheStatus = true; // Caching of css files = on(Default) this.eventEls = new Array(); } DHTMLSuite.common.prototype = { // {{{ init() /** * This method initializes the DHTMLSuite_common object. * This class contains a lot of useful methods used by most widgets. * * @public */ init : function() { this.loadedCSSFiles = new Array(); } // }}} , // {{{ loadCSS() /** * This method loads a CSS file(Cascading Style Sheet) dynamically - i.e. an alternative to tag in the document. * * @param string cssFile = Name of css file. It will be loaded from the path specified in the DHTMLSuite.common object * @param Boolean prefixConfigPath = Use config path as prefix. * @public */ loadCSS : function(cssFile,prefixConfigPath) { if(!prefixConfigPath && prefixConfigPath!==false)prefixConfigPath=true; if(!this.loadedCSSFiles[cssFile]){ this.loadedCSSFiles[cssFile] = true; var lt = document.createElement('LINK'); if(!this.cssCacheStatus){ if(cssFile.indexOf('?')>=0)cssFile = cssFile + '&'; else cssFile = cssFile + '?'; cssFile = cssFile + 'rand='+ Math.random(); // To prevent caching } if(prefixConfigPath){ lt.href = DHTMLSuite.configObj.cssPath + cssFile; }else{ lt.href = cssFile; } lt.rel = 'stylesheet'; lt.media = 'screen'; lt.type = 'text/css'; document.getElementsByTagName('HEAD')[0].appendChild(lt); } } // }}} , // {{{ __setTextSelOk() /** * Is it ok to make text selections ? * * @param Boolean okToSelect * @private */ __setTextSelOk : function(okToSelect){ this.okToSelect = okToSelect; } // }}} , // {{{ __setTextSelOk() /** * Returns true if it's ok to make text selections, false otherwise. * * @return Boolean okToSelect * @private */ __isTextSelOk : function() { return this.okToSelect; } // }}} , // {{{ setCssCacheStatus() /** * Specify if css files should be cached or not. * * @param Boolean cssCacheStatus = true = cache on, false = cache off * * @public */ setCssCacheStatus : function(cssCacheStatus) { this.cssCacheStatus = cssCacheStatus; } // }}} , // {{{ getEl() /** * Return a reference to an object * * @param Object elRef = Id, name or direct reference to element * @return Object HTMLElement - direct reference to element * @public */ getEl : function(elRef) { if(typeof elRef=='string'){ if(document.getElementById(elRef))return document.getElementById(elRef); if(document.forms[elRef])return document.forms[elRef]; if(document[elRef])return document[elRef]; if(window[elRef])return window[elRef]; } return elRef; // Return original ref. } // }}} , // {{{ isArray() /** * Return true if element is an array * * @param Object el = Reference to HTML element * @public */ isArray : function(el) { if(el.constructor.toString().indexOf("Array") != -1)return true; return false; } // }}} , // {{{ getStyle() /** * Return specific style attribute for an element * * @param Object el = Reference to HTML element * @param String property = Css property * @public */ getStyle : function(el,property) { el = this.getEl(el); if (document.defaultView && document.defaultView.getComputedStyle) { var retVal = null; var comp = document.defaultView.getComputedStyle(el, ''); if (comp){ retVal = comp[property]; } return el.style[property] || retVal; } if (document.documentElement.currentStyle && DHTMLSuite.clientInfoObj.isMSIE){ var retVal = null; if(el.currentStyle)value = el.currentStyle[property]; return (el.style[property] || retVal); } return el.style[property]; } // }}} , // {{{ getLeftPos() /** * This method will return the left coordinate(pixel) of an HTML element * * @param Object el = Reference to HTML element * @public */ getLeftPos : function(el) { /* if(el.getBoundingClientRect){ // IE var box = el.getBoundingClientRect(); return (box.left/1 + Math.max(document.body.scrollLeft,document.documentElement.scrollLeft)); } */ if(document.getBoxObjectFor){ if(el.tagName!='INPUT' && el.tagName!='SELECT' && el.tagName!='TEXTAREA')return document.getBoxObjectFor(el).x } var returnValue = el.offsetLeft; while((el = el.offsetParent) != null){ if(el.tagName!='HTML'){ returnValue += el.offsetLeft; if(document.all)returnValue+=el.clientLeft; } } return returnValue; } // }}} , // {{{ getTopPos() /** * This method will return the top coordinate(pixel) of an HTML element/tag * * @param Object el = Reference to HTML element * @public */ getTopPos : function(el) { /* if(el.getBoundingClientRect){ // IE var box = el.getBoundingClientRect(); return (box.top/1 + Math.max(document.body.scrollTop,document.documentElement.scrollTop)); } */ if(document.getBoxObjectFor){ if(el.tagName!='INPUT' && el.tagName!='SELECT' && el.tagName!='TEXTAREA')return document.getBoxObjectFor(el).y } var returnValue = el.offsetTop; while((el = el.offsetParent) != null){ if(el.tagName!='HTML'){ returnValue += (el.offsetTop - el.scrollTop); if(document.all)returnValue+=el.clientTop; } } return returnValue; } // }}} , // {{{ getCookie() /** * * These cookie functions are downloaded from * http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm * * This function returns the value of a cookie * * @param String name = Name of cookie * @param Object inputObj = Reference to HTML element * @public */ getCookie : function(name) { var start = document.cookie.indexOf(name+"="); var len = start+name.length+1; if ((!start) && (name != document.cookie.substring(0,name.length))) return null; if (start == -1) return null; var end = document.cookie.indexOf(";",len); if (end == -1) end = document.cookie.length; return unescape(document.cookie.substring(len,end)); } // }}} , // {{{ setCookie() /** * * These cookie functions are downloaded from * http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm * * This function creates a cookie. (This method has been slighhtly modified) * * @param String name = Name of cookie * @param String value = Value of cookie * @param Int expires = Timestamp - days * @param String path = Path for cookie (Usually left empty) * @param String domain = Cookie domain * @param Boolean secure = Secure cookie(SSL) * * @public */ setCookie : function(name,value,expires,path,domain,secure) { expires = expires * 60*60*24*1000; var today = new Date(); var expires_date = new Date( today.getTime() + (expires) ); var cookieString = name + "=" +escape(value) + ( (expires) ? ";expires=" + expires_date.toGMTString() : "") + ( (path) ? ";path=" + path : "") + ( (domain) ? ";domain=" + domain : "") + ( (secure) ? ";secure" : ""); document.cookie = cookieString; } // }}} , // {{{ deleteCookie() /** * * This function deletes a cookie. (This method has been slighhtly modified) * * @param String name = Name of cookie * @param String path = Path for cookie (Usually left empty) * @param String domain = Cookie domain * * @public */ deleteCookie : function( name, path, domain ) { if ( this.getCookie( name ) ) document.cookie = name + "=" + ( ( path ) ? ";path=" + path : "") + ( ( domain ) ? ";domain=" + domain : "" ) + ";expires=Thu, 01-Jan-1970 00:00:01 GMT"; } // }}} , // {{{ cancelEvent() /** * * This function only returns false. It is used to cancel selections and drag * * * @public */ cancelEvent : function() { return false; } // }}} , // {{{ addEvent() /** * * This function adds an event listener to an element on the page. * * @param Object whichObject = Reference to HTML element(Which object to assigne the event) * @param String eventType = Which type of event, example "mousemove" or "mouseup" (NOT "onmousemove") * @param functionName = Name of function to execute. * * @public */ addEvent : function( obj, type, fn,suffix ) { if(!suffix)suffix = ''; if ( obj.attachEvent ) { if ( typeof DHTMLSuite_funcs[type+fn+suffix] != 'function') { DHTMLSuite_funcs[type+fn+suffix] = function() { fn.apply(window.event.srcElement); }; obj.attachEvent('on'+type, DHTMLSuite_funcs[type+fn+suffix] ); } obj = null; } else { obj.addEventListener( type, fn, false ); } this.__addEventEl(obj); } // }}} , // {{{ removeEvent() /** * * This function removes an event listener from an element on the page. * * @param Object whichObject = Reference to HTML element(Which object to assigne the event) * @param String eventType = Which type of event, example "mousemove" or "mouseup" * @param functionName = Name of function to execute. * * @public */ removeEvent : function(obj,type,fn,suffix) { if ( obj.detachEvent ) { obj.detachEvent( 'on'+type, DHTMLSuite_funcs[type+fn+suffix] ); DHTMLSuite_funcs[type+fn+suffix] = null; obj = null; } else { obj.removeEventListener( type, fn, false ); } } // }}} , // {{{ __clearMemoryGarbage() /** * * This function is used for Internet Explorer in order to clear memory when the page unloads. * * * @private */ __clearMemoryGarbage : function() { /* Example of event which causes memory leakage in IE DHTMLSuite.commonObj.addEvent(expandRef,"click",function(){ window.refToMyMenuBar[index].__changeMenuBarState(this); }) We got a circular reference. */ if(!DHTMLSuite.clientInfoObj.isMSIE)return; for(var no=0;no
* The pane splitter, window widget and the ajax tooltip script are also using this class to put external content into HTML elements. * @version 1.0 * @version 1.0 * * @author Alf Magne Kalleland(www.dhtmlgoodies.com) **/ DHTMLSuite.dynamicContent = function() { var enableCache; // Cache enabled. var jsCache; var ajaxObjects; var waitMessage; this.enableCache = true; this.jsCache = new Object(); this.ajaxObjects = new Array(); this.waitMessage = 'Loading content - please wait...'; this.waitImage = 'dynamic-content/ajax-loader-darkblue.gif'; try{ if(!standardObjectsCreated)DHTMLSuite.createStandardObjects(); // This line starts all the init methods }catch(e){ alert('You need to include the dhtmlSuite-common.js file'); } var objectIndex; this.objectIndex = DHTMLSuite.variableStorage.arrayDSObjects.length; DHTMLSuite.variableStorage.arrayDSObjects[this.objectIndex] = this; } DHTMLSuite.dynamicContent.prototype = { // {{{ loadContent() /** * Load content from external files into an element on your web page. * * @param String divId = Id of HTML element * @param String url = Path to content on the server(Local content only) * @param String functionToCallOnLoaded = Function to call when ajax is finished. This string will be evaulated, example of string: "fixContent()" (with the quotes). * * @public */ loadContent : function(divId,url,functionToCallOnLoaded) { var ind = this.objectIndex; if(this.enableCache && this.jsCache[url]){ document.getElementById(divId).innerHTML = this.jsCache[url]; DHTMLSuite.commonObj.__evaluateJs(divId); DHTMLSuite.commonObj.__evaluateCss(divId); if(functionToCallOnLoaded)eval(functionToCallOnLoaded); return; } var ajaxIndex = 0; /* Generating please wait message */ var waitMessageToShow = ''; if(this.waitImage){ // Wait image exists ? waitMessageToShow = waitMessageToShow + '
' + this.waitMessage + '
';
}
if(this.waitMessage!=null && this.waitImage!=null){
try{
if(waitMessageToShow.length>0)document.getElementById(divId).innerHTML=waitMessageToShow;
}catch(e){
}
}
waitMessageToShow = false;
var ajaxIndex = this.ajaxObjects.length;
try{
this.ajaxObjects[ajaxIndex] = new sack();
}catch(e){
alert('Could not create ajax object. Please make sure that ajax.js is included');
}
if(url.indexOf('?')>=0){ // Get variables in the url
this.ajaxObjects[ajaxIndex].method='GET'; // Change method to get
var string = url.substring(url.indexOf('?')); // Extract get variables
url = url.replace(string,'');
string = string.replace('?','');
var items = string.split(/&/g);
for(var no=0;noMessage from DHTMLSuite.dynamicContent
The ajax request for ' + url + ' failed
'; } // }}} } /*[FILE_START:dhtmlSuite-formUtil.js] */ /************************************************************************************************************ * Form utility classes * * Created: February, 22nd, 2007 * Last updated: March, 13th, 2007 * @class Purpose of class: Form utility classes * * Css files used by this script: form-validator.css * * Demos of this class: demo-form-validator.html * * Update log: * ************************************************************************************************************/ /** * @constructor * @class Form validator * * @param Object - propArray - Associative array of properties. Possible keys:* formRef - Reference to form
* indicateWithCss - Indicate error by adding a red or green border around elements. (default = false) * keyValidation - Validate as you type. This applies to numeric and letteric characters (default = false) * callbackOnFormValid - Name of function to execute when the form is valid * callbackOnFormInvalid - Name of function to execute when the form is invalid * indicateWithBars - Indicate valid and invalid form elements by a red or green bar at the left of the elements. (default = false) * * @version 1.0 * @version 1.0 * @author Alf Magne Kalleland(www.dhtmlgoodies.com) **/ DHTMLSuite.formValidator = function(propArray) { var formRef; var indicateWithCss; var indicateWithBars; var keyValidation; var objectIndex; var layoutCSS; var callbackOnFormValid; var callbackOnFormInvalid; var formElements; var masks; var radios; var indicationImages; var indicationBars; var equalToEls; var formUtil; this.equalToEls= new Object(); this.equalToEls.from = new Object(); this.equalToEls.to = new Object(); this.formUtil = new DHTMLSuite.formUtil(); this.masks = new Object(); this.indicationImages = new Array(); this.indicationBars = new Array(); var domainString = '(com|org|net|mil|edu|info|mobi|travel|a[cdfgilmnoqrstuwxz]|b[abdefghijmnorstwyz]|c[acdfghiklmnoruvxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[adefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnrwyz]|l[abcikrstuvy]|m[acdghklmnopqrstuvwxyz]|n[acefgilopruz]|om|p[aefghklmnrstwy]|qa|r[eouw]|s[abcdeghiklmnrtvyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[etu]|z[amw])'; this.masks.email = new RegExp("^[A-Z0-9._%-]+@[A-Z0-9.-]+\\." + domainString + "$","gi"); this.masks.numeric = /^[0-9]+$/gi; // Numeric this.masks.letter = /^[A-ZʯÂ]+$/gi; // letteric this.masks.domain = new RegExp("^(https?\:\/\/)?[a-zA-Z0-9]+([a-zA-Z0-9\-\.]+)?\\." + domainString + "$","gi"); this.layoutCSS = 'layout.css'; this.indicateWithCss = true; this.indicateWithBars = false; this.keyValidation = false; this.formElements = new Object(); this.radios = new Object(); // Array of radio button objects try{ if(!standardObjectsCreated)DHTMLSuite.createStandardObjects(); // This line starts all the init methods }catch(e){ alert('Basisscript fehlt'); } this.objectIndex = DHTMLSuite.variableStorage.arrayDSObjects.length; DHTMLSuite.variableStorage.arrayDSObjects[this.objectIndex] = this; if(propArray)this.__setInitProps(propArray); this.__init(); } DHTMLSuite.formValidator.prototype = { // {{{ addMask() /** * Add regexp mask * * @param String maskName - Name of mask, i.e. the value you use in the flag attribute of your form elements. * @param String mask - Example: [0-9] * @param String regexpFlags - Regexp flags, example "gi" * * @public */ addMask : function(maskName,regexpPattern,regexpFlags) { try{ this.masks[maskName] = new RegExp(regexpPattern,regexpFlags); }catch(e){ alert('Could not create regexp mask of ' + regexpPattern +',flags: ' + regexpFlags); } } // }}} , // {{{ __setInitProps() /** * Add regexp mask * * @param Array props - Array of properties * * @private */ __setInitProps : function(props) { if(props.formRef){ var obj = DHTMLSuite.commonObj.getEl(props.formRef); this.formRef = obj; } if(props.indicateWithCss || props.indicateWithCss===false)this.indicateWithCss = props.indicateWithCss; if(props.keyValidation)this.keyValidation = props.keyValidation; if(props.callbackOnFormValid)this.callbackOnFormValid = props.callbackOnFormValid; if(props.callbackOnFormInvalid)this.callbackOnFormInvalid = props.callbackOnFormInvalid; if(props.indicateWithBars || props.indicateWithBars===false)this.indicateWithBars = props.indicateWithBars; if(this.indicateWithCss)this.indicateWithBars = false; } // }}} , // {{{ __init() /** * Initializes the widget * * @private */ __init : function() { if(this.formRef){ var ind = this.objectIndex; this.__initiallyParseAForm(); this.formRef.onreset = function(){ setTimeout("DHTMLSuite.variableStorage.arrayDSObjects["+ ind +"].__validateAllFields()",50); }; DHTMLSuite.commonObj.__addEventEl(this.formRef); DHTMLSuite.commonObj.addEvent(window,'resize',function() { DHTMLSuite.variableStorage.arrayDSObjects[ind].__positionIndImages(); }); } // DHTMLSuite.commonObj.loadCSS(this.layoutCSS); } // }}} , // {{{ __validateAllFields() /** * This method is called by events, example when someone resets the form. * * @private */ __validateAllFields : function() { for(var prop in this.formElements){ this.__validateInput(this.formElements[prop].el); } } // }}} , // {{{ __addRadiosToArray() /** * This method add radios and checkboxes with the same name to the radios array * @param HTMLElement el - Reference to a radio button * * @private */ __addRadiosToArray : function(el) { if(!this.radios[el.name]){ // Radio with this name or id has not been added to the array this.radios[el.name] = new Array(); for(var no=0;no
* formRef - Reference to form
* method - How to send the form, "GET" or "POST", default is "POST" * reponseEl - Where to display response from ajax * action - Where to send form data * responseFile - Alternative response file. This will be loaded dynamically once the script receives response from the file specified in "action". * * @version 1.0 * @version 1.0 * @author Alf Magne Kalleland(www.dhtmlgoodies.com) **/ DHTMLSuite.form = function(propArray) { var formRef; var method; var responseEl; var action; var responseFile; var formUtil; var objectIndex; var sackObj; var coverDiv; var layoutCSS; var iframeName; this.method = 'POST'; this.sackObj = new Array(); this.formUtil = new DHTMLSuite.formUtil(); this.layoutCSS = 'layout.css'; try{ if(!standardObjectsCreated)DHTMLSuite.createStandardObjects(); // This line starts all the init methods }catch(e){ alert('You need to include the dhtmlSuite-common.js file'); } this.objectIndex = DHTMLSuite.variableStorage.arrayDSObjects.length; DHTMLSuite.variableStorage.arrayDSObjects[this.objectIndex] = this; // DHTMLSuite.commonObj.loadCSS(this.layoutCSS); if(propArray)this.__setInitProperties(propArray); } DHTMLSuite.form.prototype = { // {{{ submit() /** * Submits the form * * @public */ submit : function() { this.__createCoverDiv(); var index = this.sackObj.length; if(this.formUtil.hasFileInputs(this.formRef)){ this.__createIframe(); this.formRef.submit(); }else{ this.__createSackObject(index); this.__populateSack(index); this.sackObj[index].runAJAX(); } this.__positionCoverDiv(); return false; } // }}} , __createIframe : function() { if(this.iframeName)return; var ind = this.objectIndex; var div = document.createElement('DIV'); document.body.appendChild(div); this.iframeName = 'DHTMLSuiteForm' + DHTMLSuite.commonObj.getUniqueId(); div.innerHTML = ''; this.formRef.method = this.method; this.formRef.action = this.action; this.formRef.target = this.iframeName; if(!this.formRef.enctype)this.formRef.enctype = 'multipart/form-data'; } // }}} , // {{{ __getIframeResponse() /** * Form has been submitted to iframe - move content from iframe * * @private */ __getIframeResponse : function() { if(this.responseEl){ if(this.responseFile){ if(!this.responseEl.id)this.responseEl.id = 'DHTMLSuite_formResponse' + DHTMLSuite.getUniqueId(); var dynContent = new DHTMLSuite.dynamicContent(); dynContent.loadContent(this.responseEl.id,this.responseFile); }else{ this.responseEl.innerHTML = self.frames[this.iframeName].document.body.innerHTML; DHTMLSuite.commonObj.__evaluateJs(this.responseEl); DHTMLSuite.commonObj.__evaluateCss(this.responseEl); } } this.coverDiv.style.display='none'; this.__handleCallback('onComplete'); } // }}} , // {{{ __positionCoverDiv() /** * Position cover div * * @private */ __positionCoverDiv : function() { if(!this.responseEl)return; try{ var st = this.coverDiv.style; st.left = DHTMLSuite.commonObj.getLeftPos(this.responseEl) + 'px'; st.top = DHTMLSuite.commonObj.getTopPos(this.responseEl) + 'px'; st.width = this.responseEl.offsetWidth + 'px'; st.height = this.responseEl.offsetHeight + 'px'; st.display='block'; }catch(e){ } } // }}} , // {{{ __createCoverDiv() /** * Submits the form * * @private */ __createCoverDiv : function() { if(this.coverDiv)return; this.coverDiv = document.createElement('DIV'); var el = this.coverDiv; el.style.overflow='hidden'; el.style.zIndex = 1000; el.style.position = 'absolute'; document.body.appendChild(el); var innerDiv = document.createElement('DIV'); innerDiv.style.width='105%'; innerDiv.style.height='105%'; innerDiv.className = 'DHTMLSuite_formCoverDiv'; innerDiv.style.opacity = '0.2'; innerDiv.style.filter = 'alpha(opacity=20)'; el.appendChild(innerDiv); var ajaxLoad = document.createElement('DIV'); ajaxLoad.className = 'DHTMLSuite_formCoverDiv_ajaxLoader'; el.appendChild(ajaxLoad); } // }}} , // {{{ __createSackObject() /** * Create new sack object * * @private */ __createSackObject : function(ajaxIndex) { var ind = this.objectIndex; this.sackObj[ajaxIndex] = new sack(); this.sackObj[ajaxIndex].requestFile = this.action; this.sackObj[ajaxIndex].method = this.method; this.sackObj[ajaxIndex].onCompletion = function(){ DHTMLSuite.variableStorage.arrayDSObjects[ind].__getResponse(ajaxIndex); } } // }}} , // {{{ __getResponse() /** * Get response from ajax * * @private */ __getResponse : function(ajaxIndex) { if(this.responseEl){ if(this.responseFile){ if(!this.responseEl.id)this.responseEl.id = 'DHTMLSuite_formResponse' + DHTMLSuite.getUniqueId(); var dynContent = new DHTMLSuite.dynamicContent(); dynContent.loadContent(this.responseEl.id,this.responseFile); }else{ this.responseEl.innerHTML = this.sackObj[ajaxIndex].response; DHTMLSuite.commonObj.__evaluateJs(this.responseEl); DHTMLSuite.commonObj.__evaluateCss(this.responseEl); } } this.coverDiv.style.display='none'; this.sackObj[ajaxIndex] = null; this.__handleCallback('onComplete'); } // }}} , // {{{ __populateSack() /** * Populate sack object with form data * @param ajaxIndex - index of current sack object * * @private */ __populateSack : function(ajaxIndex) { var els = this.formUtil.getValuesAsArray(this.formRef); for(var prop in els){ if(DHTMLSuite.commonObj.isArray(els[prop])){ for(var no=0;no