This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
Alf Magne Kalleland
************************************************************************************************************/ /** * * @package DHTMLSuite for applications * @copyright Copyright © 2006, www.dhtmlgoodies.com * @author Alf Magne Kalleland
* * 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-modalMessage.js] */ /************************************************************************************************************ * DHTML modal dialog box * * Created: August, 26th, 2006 * @class Purpose of class: Display a modal dialog box on the screen. * * Css files used by this script: modal-message.css * * Demos of this class: demo-modal-message-1.html * * Update log: * ************************************************************************************************************/ /** * @constructor * @class Purpose of class: Display a modal DHTML message on the page. All other page controls will be disabled until the message is closed(demo). * @param Array - Associative array of properties. These properties can also be set by calling invidiual set-methods. Possible keys in this array:* url - Url to file displayed in the message * htmlOfModalMessage - Static HTML to display. * domRef - Reference to dom element. This dom element will be cloned and displayed inside the message box. You will typically set display:none or visibility:hidden on this element * width - Width of box * height - Height of box * cssClassOfMessageBox - Alternative css class for the message box * shadowOffset - Size of drop shadow in pixels * shadowDivVisible - Shadow visible (default = true) * isModal - Is the dialog modal ? (default = true) * * @version 1.0 * @author Alf Magne Kalleland(www.dhtmlgoodies.com) */ DHTMLSuite.modalMessage = function(props) { var url; // url of modal message var htmlOfModalMessage; // html of modal message var domRef; // Reference to DOM element var divs_transparentDiv; // Transparent div covering page content var divs_content; // Modal message div. var iframeEl; // Iframe element used to cover select boxes in ie var layoutCss; // Name of css file; var width; // Width of message box var height; // Height of message box var isModal; // Is the modal message modal ? var existingBodyOverFlowStyle; // Existing body overflow css var dynContentObj; // Reference to dynamic content object var cssClassOfMessageBox; // Alternative css class of message box - in case you want a different appearance on one of them var shadowDivVisible; // Shadow div visible ? var shadowOffset; // X and Y offset of shadow(pixels from content box) var objectIndex; this.url = ''; // Default url is blank this.htmlOfModalMessage = ''; // Default message is blank this.layoutCss = 'modal-message.css'; // Default CSS file this.height = 200; // Default height of modal message this.width = 400; // Default width of modal message this.cssClassOfMessageBox = false; // Default alternative css class for the message box this.shadowDivVisible = true; // Shadow div is visible by default this.shadowOffset = 5; // Default shadow offset. this.isModal = true; 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; var ind = this.objectIndex; DHTMLSuite.commonObj.addEvent(window,"resize",function() { DHTMLSuite.variableStorage.arrayDSObjects[ind].__resizeTransparentDiv(); }); if(props)this.__setInitialProps(props); } DHTMLSuite.modalMessage.prototype = { // {{{ __setInitialProps /** * Save properties sent to the constructor. * * @private */ __setInitialProps : function(props) { if(props.url)this.setSource(props.url); if(props.htmlOfModalMessage)this.setHtmlContent(props.htmlOfModalMessage); if(props.domRef)this.setDomReference(props.domRef); if(props.width)this.width = props.width; if(props.height)this.height = props.height; if(props.cssClassOfMessageBox)this.cssClassOfMessageBox = props.cssClassOfMessageBox; if(props.shadowOffset)this.shadowOffset = props.shadowOffset; if(props.shadowDivVisible)this.shadowDivVisible = props.shadowDivVisible; if(props.isModal || props.isModal===false || props.isModal===0)this.isModal = props.isModal; if(props.waitMessage)this.setWaitMessage(waitMessage); } // }}} , // {{{ setIsModal(urlOfSource) /** * Specify if the box should be modal, i.e. a transparent div behind the box covering page content. * * @public */ setIsModal : function(isModal) { this.isModal = isModal; } // }}} , // {{{ setSource(urlOfSource) /** * Set source of the modal dialog box * * * @public */ setSource : function(urlOfSource) { if(urlOfSource)this.__clearProperties(); this.url = urlOfSource; } // }}} , // {{{ setHtmlContent(newHtmlContent) /** * Setting static HTML content for the modal dialog box. * * @param String newHtmlContent = Static HTML content of box * * @public */ setHtmlContent : function(newHtmlContent) { if(newHtmlContent)this.__clearProperties(); this.htmlOfModalMessage = newHtmlContent; } // }}} , // {{{ setDomReference /** * Specify reference to DOM element which will be displayed inside the modal message box. * * @param Object domRef = Dom reference * * @public */ setDomReference : function(domRef) { if(domRef)this.__clearProperties(); if(domRef)domRef = DHTMLSuite.commonObj.getEl(domRef); if(domRef){ domRef = domRef.cloneNode(true); } this.domRef = domRef; } // }}} , // {{{ setSize /** * Set the size of the modal dialog box * * @param int width = width of box * @param int height = height of box * * @public */ setSize : function(width,height) { if(width)this.width = width; if(height)this.height = height; } // }}} , // {{{ setCssClassMessageBox(newCssClass) /** * Assign the message box to a new css class.(in case you wants a different appearance on one of them) * * @param String newCssClass = Name of new css class (Pass false if you want to change back to default) * * @public */ setCssClassMessageBox : function(newCssClass) { this.cssClassOfMessageBox = newCssClass; if(this.divs_content){ if(this.cssClassOfMessageBox) this.divs_content.className=this.cssClassOfMessageBox; else this.divs_content.className='modalDialog_contentDiv'; } } // }}} , // {{{ setShadowOffset(newShadowOffset) /** * Specify the size of shadow * * @param Int newShadowOffset = Offset of shadow div(in pixels from message box - x and y) * * @public */ setShadowOffset : function(newShadowOffset) { this.shadowOffset = newShadowOffset } // }}} , // {{{ setWaitMessage(newMessage) /** * Set a wait message when Ajax is busy inserting content * * @param String newMessage = New wait message * * @public */ setWaitMessage : function(newMessage) { if(!this.dynContentObj){ try{ this.dynContentObj = new DHTMLSuite.dynamicContent(); // Creating dynamic content object if it doesn't already exist. }catch(e){ alert('You need to include dhtmlSuite-dynamicContent.js'); } } this.dynContentObj.setWaitMessage(newMessage); // Calling the DHTMLSuite.dynamicContent setWaitMessage } // }}} , // {{{ setWaitImage(newImage) /** * Set a wait Image when Ajax is busy inserting content * * @param String newImage = New wait Image * * @public */ setWaitImage : function(newImage) { if(!this.dynContentObj){ try{ this.dynContentObj = new DHTMLSuite.dynamicContent(); // Creating dynamic content object if it doesn't already exist. }catch(e){ alert('You need to include dhtmlSuite-dynamicContent.js'); } } this.dynContentObj.setWaitImage(newImage); // Calling the DHTMLSuite.dynamicContent setWaitImage } // }}} , // {{{ setCache() /** * Enable or disable cache for the ajax object * * @param Boolean cacheStatus = false = off, true = on * * @public */ setCache : function(cacheStatus) { if(!this.dynContentObj){ try{ this.dynContentObj = new DHTMLSuite.dynamicContent(); // Creating dynamic content object if it doesn't already exist. }catch(e){ alert('You need to include dhtmlSuite-dynamicContent.js'); } } this.dynContentObj.setCache(cacheStatus); // Calling the DHTMLSuite_dynamicContent setCache } // }}} , // {{{ display() /** * Display the modal dialog box * * * @public */ display : function() { var ind = this.objectIndex; if(!this.divs_transparentDiv){ DHTMLSuite.commonObj.loadCSS(this.layoutCss); this.__createDivElements(); } this.__resizeAndPositionDivElements(); // Redisplaying divs if(this.isModal){ this.divs_transparentDiv.style.display='block'; }else{ this.divs_transparentDiv.style.display='none'; } this.divs_content.style.display='block'; this.divs_shadow.style.display='block'; if(this.iframeEl){ setTimeout('DHTMLSuite.variableStorage.arrayDSObjects[' + ind + '].iframeEl.style.display="block"',150); } this.__resizeAndPositionDivElements(); /* Call the __resizeAndPositionDivElements method twice in case the css file has changed. The first execution of this method may not catch these changes */ window.refToThisModalBoxObj = this; setTimeout('window.refToThisModalBoxObj.__resizeAndPositionDivElements()',100); this.__addHTMLContent(); // Calling method which inserts content into the message div. } // }}} , // {{{ () /** * Display the modal dialog box * * * @public */ setShadowDivVisible : function(visible) { this.shadowDivVisible = visible; } // }}} , // {{{ close() /** * Close the modal dialog box * * * @public */ close : function() { document.documentElement.style.overflow = ''; // Setting the CSS overflow attribute of the tag back to default. /* Hiding divs */ this.divs_transparentDiv.style.display='none'; this.divs_content.style.display='none'; this.divs_shadow.style.display='none'; if(this.iframeEl)this.iframeEl.style.display='none'; } // }}} , // {{{ __clearProperties() /** * Clear content properties * * * @private */ __clearProperties : function() { if(this.domRef)DHTMLSuite.discardElement(this.domRef); this.domRef = null; this.url = false; this.htmlOfModalMessage = false; } // }}} , // {{{ __createDivElements() /** * Create the divs for the modal dialog box * * * @private */ __createDivElements : function() { // Creating transparent div this.divs_transparentDiv = document.createElement('DIV'); this.divs_transparentDiv.className='DHTMLSuite_modalDialog_transparentDivs'; this.divs_transparentDiv.style.left = '0px'; this.divs_transparentDiv.style.top = '0px'; this.divs_transparentDiv.id='transparentDiv'; document.body.appendChild(this.divs_transparentDiv); // Creating content div if(!document.getElementById('DHTMLSuite_modalBox_contentDiv')){ this.divs_content = document.createElement('DIV'); this.divs_content.className = 'DHTMLSuite_modalDialog_contentDiv'; this.divs_content.id = 'DHTMLSuite_modalBox_contentDiv'; document.body.appendChild(this.divs_content); }else{ this.divs_content = document.getElementById('DHTMLSuite_modalBox_contentDiv'); } // Creating shadow div this.divs_shadow = document.createElement('DIV'); this.divs_shadow.className = 'DHTMLSuite_modalDialog_contentDiv_shadow'; document.body.appendChild(this.divs_shadow); if(DHTMLSuite.clientInfoObj.isMSIE){ this.iframeEl = document.createElement(''; 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