Histórico da Página
HTML |
---|
<div id="myContent"></div> <script type="text/javascript"> var _collapsiblePanel1 = null; Load = function(){ var optCollapsiblePanel1 = { ID: "CollapsiblePanel1", Collapsible: true, Title: "Últimos documentos criados", Wrapper: "myContent" } _collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1); } SetControlEvents = function(_control, _event, _function){ var __control = null; var oContainer1Opt = { if(typeof(_control) == "object") __control = _control; else __control = document.getElementById(_control); if(_event.toString().toUpperCase() == "CLICK") __control.onclick = _function; else if(_event.toString().toUpperCase() == "MOVER") __control.onmouseover = _function; else if(_event.toString().toUpperCase() == "MOUT") __control.onmouseout = _function; } createCollapsiblePanel = function(optCollapsiblePanel){ var oCollapsiblePanel = function(optCollapsiblePanel){ this.ID = "collapsiblePanel1"; this.Title = ""; this.MenuInstance = ""; this.Collapsible = false; this.Wrapper = ""; this.Parent = ""; this.LoadComponents = function(optCollapsiblePanel){ this.ID = optCollapsiblePanel.ID; this.Title = optCollapsiblePanel.Title; this.MenuInstance = optCollapsiblePanel.MenuInstance; this.Collapsible = optCollapsiblePanel.Collapsible; this.Wrapper = optCollapsiblePanel.Wrapper; _collapsiblePanelObject = document.createElement("div"); _collapsiblePanelObject.id = this.ID + "_MostExternalDiv" ; _collapsiblePanelObject.style.width = "100%"; _collapsiblePanelObject.style.height = "auto"; _collapsiblePanelObject.style.overflow = "hidden"; _collapsiblePanelObject.style.margin = "0px"; _collapsiblePanelObject.style.padding = "0px"; _collapsiblePanelObject.style.background = "url(http: ID: "container1", Title: "Expressão", SubTitle: "(Passo a Passo)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/1600cefcexpression.png?version=1&modificationDate=14851840176391487769009782&api=v2)"; _collapsiblePanelObjectHead = document.createElement("div"); _collapsiblePanelObjectHead.id = _collapsiblePanelObject.id + "_Head"; _collapsiblePanelObjectHead.style.background = "#606060"; _collapsiblePanelObjectHead.style.height = "45px"; _collapsiblePanelObjectHead.style.paddingLeft = "10px"; _collapsiblePanelObjectHead.style.color = "#fff"; _collapsiblePanelObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; , Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.", _collapsiblePanelObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667", Wrapper: "CollapsiblePanel1_MostExternalDiv" _collapsiblePanelObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHeadTitle = document.createElement("span"); _collapsiblePanelObjectHeadTitle.id = _collapsiblePanelObjectHead.id + "_Title"; _collapsiblePanelObjectHeadTitle.innerHTML = this.Title; _collapsiblePanelObjectHeadTitle.style.width = "336px"; _collapsiblePanelObjectHeadTitle.style.textOverflow = "ellipsis"; _collapsiblePanelObjectHeadTitle.style.fontSize = "20pt"; _collapsiblePanelObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadTitle); _collapsiblePanelObjectHeadMenu = document.createElement("div"); _collapsiblePanelObjectHeadMenu.id = _collapsiblePanelObjectHead.id + "_Menu"; _collapsiblePanelObjectHeadMenu.style.float = "right"; _collapsiblePanelObjectHeadMenu.style.marginRight = "10px"; _collapsiblePanelObjectHeadMenu.style.marginTop = "8px"; _collapsiblePanelObjectHeadMenu.style.width = "26px"; _collapsiblePanelObjectHeadMenu.style.height = "26px"; _collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060"; _collapsiblePanelObjectHeadMenuImg = document.createElement("img"); _collapsiblePanelObjectHeadMenuImg.id = _collapsiblePanelObjectHeadMenu.id + "_Img"; _collapsiblePanelObjectHeadMenuImg.src = } var _container1 = createContainer(oContainer1Opt); var oContainer2Opt = { ID: "container2", Title: "Texto Rico", SubTitle: "(Limitações Design)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/menurichtext.png?version=1&modificationDate=14877694152191487769011698&api=v2"; _collapsiblePanelObjectHeadMenuImg.style.width = "16px"; _collapsiblePanelObjectHeadMenuImg.style.height = "16px"; _collapsiblePanelObjectHeadMenuImg.style.marginLeft = "5px"; _collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px"; _collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg); _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu); _collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead); document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObject); var _objects = []; var optMenuItem1 = { ID: "MenuItem1", Action: function(){ var optPopin1 = { ID: "Popin1", Title: "Procurar", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin1); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Procurar" } var _object1 = createMenuItem(optMenuItem1); _objects.push(_object1); var optMenuItem2 = { ID: "MenuItem2", Action: function(){ var optPopin2 = { ID: "Popin2", Title: "Ordenar", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin2); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Ordenar" } var _object2 = createMenuItem(optMenuItem2); _objects.push(_object2); var optMenuItem3 = { ID: "MenuItem3", Action: function(){ var optPopin3 = { ID: "Popin3", Title: "Trocar Visualização", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin3); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Trocar Visualização" } var _object3 = createMenuItem(optMenuItem3); _objects.push(_object3); var optMenu1 = { ID: "Menu1", Objects: _objects, Wrapper: _collapsiblePanelObjectHeadMenu.id } this.MenuInstance = createMenu(optMenu1); this.MenuInstance.Parent = this; if(window["CollapsiblePanels"] == undefined) window["CollapsiblePanels"] = []; window.CollapsiblePanels[this.ID] = this; window.CollapsiblePanels[window.CollapsiblePanels.length] = this; window["CurrentCollapsiblePanel"] = this.ID; SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){ var __img = this; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; if(_menu1.Status == "HIDDEN"){, Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container2 = createContainer(oContainer2Opt); var oContainer7Opt = { ID: "container7", Title: "Texto Rico", SubTitle: "(Referências)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", Description: "", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container7 = createContainer(oContainer7Opt); var oContainer3Opt = { ID: "container3", Title: "Exportação PDF", SubTitle: "(Conformidade e Versões)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2", Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container3 = createContainer(oContainer3Opt); var oContainer4Opt = { ID: "container4", Title: "Imagem", SubTitle: "(Exportação Para HTML)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2", Description: "1.1 - Ao gerar o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).", __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container4 = createContainer(oContainer4Opt); var __imgoContainer5Opt = this;{ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; if(_menu1.Status == "HIDDEN"){ ID: "container5", Title: "Controles", __img.style.backgroundColor = "#606060"; __img.style.cursor= "default"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; _menu1.Show(); var _object = _menu1.Object; _object.style.border = "1px solid #f6c342"; _object.style.width = "168px"; var __img = this; if(_menu1.Status == "OPENED"){ __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; __img.style.border = "1px solid #f6c342"; __img.style.borderBottom = "1px solid #909090" } else{ __img.style.border = "1px solid #606060"; } }); window.onresize = function(){ var _menu1 = window.Menus[window.CurrentMenu]; if(_menu1){SubTitle: "(Prop. Arredondar Valor)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container5 = createContainer(oContainer5Opt); var oContainer6Opt = { ID: "container6", Title: "Controles", SubTitle: "(Sobreposição dos controles)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...", NavigateUrl: "", Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container6 = createContainer(oContainer6Opt); } SetControlEvents = function(_control, _event, _function){ var __control = null; if(typeof(_control) == "object") __control = _control; else __control = document.getElementById(_control); if(_event.toString().toUpperCase() == "CLICK") __control.onclick = _function; else if(_event.toString().toUpperCase() == "MOVER") __control.onmouseover = _function; else if(_event.toString().toUpperCase() == "MOUT") __control.onmouseout = _function; } createCollapsiblePanel = function(optCollapsiblePanel){ var oCollapsiblePanel = function(optCollapsiblePanel){ this.ID = "collapsiblePanel1"; this.Title = ""; this.MenuInstance = ""; this.Collapsible = false; this.Wrapper = ""; this.Parent = ""; this.ProcurarStruct = []; this.BuildProcurarStructure = function(){ for (var i = 0; i < window.Containers.length; i++){ this.ProcurarStruct[window.Containers[0].Title] = window.Containers[0]; } } this.Procurar = function(procurarPor){ } this.LoadComponents = function(optCollapsiblePanel){ this.ID = optCollapsiblePanel.ID; this.Title = optCollapsiblePanel.Title; this.MenuInstance = optCollapsiblePanel.MenuInstance; this.Collapsible = optCollapsiblePanel.Collapsible; this.Wrapper = optCollapsiblePanel.Wrapper; _collapsiblePanelObject = document.createElement("div"); _collapsiblePanelObject.id = this.ID + "_MostExternalDiv" ; _collapsiblePanelObject.style.width = "100%"; _collapsiblePanelObject.style.height = "auto"; _collapsiblePanelObject.style.overflow = "hidden"; _collapsiblePanelObject.style.margin = "0px"; _collapsiblePanelObject.style.padding = "0px"; _collapsiblePanelObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; _collapsiblePanelObjectHead = document.createElement("div"); _collapsiblePanelObjectHead.id = _collapsiblePanelObject.id + "_Head"; _collapsiblePanelObjectHead.style.background = "#606060"; _collapsiblePanelObjectHead.style.height = "45px"; _collapsiblePanelObjectHead.style.paddingLeft = "10px"; _collapsiblePanelObjectHead.style.color = "#fff"; _collapsiblePanelObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _collapsiblePanelObjectHeadTitle = document.createElement("span"); _collapsiblePanelObjectHeadTitle.id = _collapsiblePanelObjectHead.id + "_Title"; _collapsiblePanelObjectHeadTitle.innerHTML = this.Title; _collapsiblePanelObjectHeadTitle.style.width = "336px"; _collapsiblePanelObjectHeadTitle.style.textOverflow = "ellipsis"; _collapsiblePanelObjectHeadTitle.style.fontSize = "20pt"; _collapsiblePanelObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadTitle); _collapsiblePanelObjectHeadMenu = document.createElement("div"); _collapsiblePanelObjectHeadMenu.id = _collapsiblePanelObjectHead.id + "_Menu"; _collapsiblePanelObjectHeadMenu.style.float = "right"; _collapsiblePanelObjectHeadMenu.style.marginRight = "10px"; _collapsiblePanelObjectHeadMenu.style.marginTop = "8px"; _collapsiblePanelObjectHeadMenu.style.width = "26px"; _collapsiblePanelObjectHeadMenu.style.height = "26px"; _collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060"; _collapsiblePanelObjectHeadMenuImg = document.createElement("img"); _collapsiblePanelObjectHeadMenuImg.id = _collapsiblePanelObjectHeadMenu.id + "_Img"; _collapsiblePanelObjectHeadMenuImg.src = "http://tdn.totvs.com/download/attachments/243011209/menu.png?version=1&modificationDate=1487769415219&api=v2"; _collapsiblePanelObjectHeadMenuImg.style.width = "16px"; _collapsiblePanelObjectHeadMenuImg.style.height = "16px"; _collapsiblePanelObjectHeadMenuImg.style.marginLeft = "5px"; _collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px"; _collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg); _collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu); _collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead); document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObject); var _objects = []; var optMenuItem1 = { ID: "MenuItem1", Action: function(){ var optPopin1 = { ID: "Popin1", Title: "Procurar", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin1); _menu1.Hide(var _nameParent = this.getAttribute("Parent"); _menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, _menu1.Parent.UndoHighlightMenu();Description: "Procurar" } }var _object1 = createMenuItem(optMenuItem1); } _objects.push(_object1); return this;var optMenuItem2 = { } ID: "MenuItem2", this.UndoHighlightMenu = Action: function(){ var optPopin2 = { document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060"; ID: "Popin2", Title: "Ordenar", document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = "#606060"; InnerHTML: "teste", } return this.LoadComponents(optCollapsiblePanel);Align: "CENTER", } return new oCollapsiblePanel(optCollapsiblePanel); Modal: true } createPopin = function(optPopin){ var oPopin = function(optPopin){ createPopin(optPopin2); this.IDvar _nameParent = this.getAttribute("popin1Parent"); this.Title = ""; this.InnerHTMLvar _nameInstance = _nameParent.replace("_MostExternalDiv",""); this.Align var _instance = ""window.Menus[_nameInstance]; this.Modal = false_instance.Hide(); this.Object = "" _instance.Parent.UndoHighlightMenu(); this.ModalObject = ""; }, this.Parent = Description: "Ordenar"; this.LoadComponents = function(optPopin){} var _popinObjectobject2 = nullcreateMenuItem(optMenuItem2); var _popinObjectHead = null; var _popinObjectHeadTitle = null;_objects.push(_object2); var _popinObjectHeadCloseoptMenuItem3 = null;{ var _popinObjectHeadCloseImg = null;ID: "MenuItem3", var _popinObjectBody = null; Action: function(){ var _popinObjectModaloptPopin3 = null;{ ID: "Popin3", this.ID = optPopin.ID; this.Title: = optPopin.Title; "Trocar Visualização", this.InnerHTML = optPopin.InnerHTML; : "teste", this.Align = optPopin.Align; : "CENTER", this.Modal = optPopin.Modal; _popinObject = document.createElement("div"); Modal: true _popinObject.id = this.ID + "_MostExternalDiv"; } _popinObject.style.display = "block"; createPopin(optPopin3); _popinObject.style.positionvar _nameParent = this.getAttribute("absoluteParent"); _popinObject.style.zIndexvar _nameInstance = "6"_nameParent.replace("_MostExternalDiv",""); _popinObject.style.width var _instance = "400px";window.Menus[_nameInstance]; _popinObject.style.height = "300px"instance.Hide(); _popinObjectinstance.style.top = "50%"Parent.UndoHighlightMenu(); _popinObject.style.left = "50%";}, _popinObject.style.marginLeft = "-200px"; Description: "Trocar Visualização" _popinObject.style.marginTop = "-150px";} _popinObject.style.backgroundColorvar _object3 = "#909090"createMenuItem(optMenuItem3); _popinObject.style.border= "1px solid #f6c342"objects.push(_object3); _popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";var optMenu1 = { _popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; ID: "Menu1", Objects: _objects, Wrapper: _collapsiblePanelObjectHeadMenu.id } this.MenuInstance = createMenu(optMenu1); this.MenuInstance.Parent = this; if(window["CollapsiblePanels"] == undefined) window["CollapsiblePanels"] = []; _popinObjectModalwindow.CollapsiblePanels[this.ID] = document.createElement("div")this; _popinObjectModal.idwindow.CollapsiblePanels[window.CollapsiblePanels.length] = this.ID + "_MostExternalDiv"; _popinObjectModal.style.displaywindow["CurrentCollapsiblePanel"] = "block";this.ID; SetControlEvents(_popinObjectModal.style.position = "absolute"; collapsiblePanelObjectHeadMenu.id, "MOVER", function(){ _popinObjectModal.style.zIndexvar __img = "5"this; _popinObjectModal.style.width = "100%";var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") _popinObjectModal.style.height var _menu1 = "100%"window.CollapsiblePanels[_nameInstance].MenuInstance; _popinObjectModal.style.top if(_menu1.Status == "0pxHIDDEN"; ){ _popinObjectModal__img.style.leftbackgroundColor = "0px#909090"; __popinObjectModalimg.style.background cursor= "rgba(0, 0, 0, 0.4)pointer"; _popinObjectHead = document.createElement("div"); _popinObjectHead.id = _popinObject.id + "_Head"} }); SetControlEvents(_popinObjectHead.style.width = "100%";collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ _popinObjectHead.style.height var __img = "35px"this; _popinObjectHead.style.background = "#606060"; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") _popinObjectHead.style.paddingTopvar _menu1 = "5px"; window.CollapsiblePanels[_nameInstance].MenuInstance; if(_popinObjectHeadmenu1.style.webkitBoxShadowStatus == "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";"HIDDEN"){ _popinObjectHead __img.style.mozBoxShadowbackgroundColor = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; #606060"; __img.style.cursor= "default"; } _popinObject.appendChild(_popinObjectHead}); _popinObjectHeadTitle = document.createElement("span"); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){ var _popinObjectHeadTitle.idnameInstance = _popinObjectHeadthis.id +.replace("_MostExternalDiv_Head_Menu", "_Title";) _popinObjectHeadTitle.innerHTML var _menu1 = this.Titlewindow.CollapsiblePanels[_nameInstance].MenuInstance; _popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; menu1.Show(); _popinObjectHeadTitle.style.fontSizevar _object = "14pt"; _menu1.Object; _popinObjectHeadTitleobject.style.colorborder = "#fff1px solid #f6c342"; _popinObjectHeadTitleobject.style.paddingLeftwidth = "10px168px"; var _popinObjectHead.appendChild(_popinObjectHeadTitle)_img = this; if(_popinObjectHeadClosemenu1.Status == document.createElement("divOPENED");{ __popinObjectHeadCloseimg.style.idbackgroundColor = _popinObjectHead.id + "_Close"#909090"; __popinObjectHeadCloseimg.style.width cursor= "16pxpointer"; __popinObjectHeadCloseimg.style.heightborder = "16px1px solid #f6c342"; __popinObjectHeadCloseimg.style.floatborderBottom = "right";1px solid #909090" } else{ __popinObjectHeadCloseimg.style.marginTopborder = "5px1px solid #606060"; _popinObjectHeadClose.style.marginRight = "10px"; } SetControlEvents(_popinObjectHeadClose, "CLICK", function(){}); var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close","");window.onresize = function(){ var _instancemenu1 = window.Popins[_nameInstanceMenus[window.CurrentMenu]; _instance.Close(); if(_menu1){ }); SetControlEvents(_popinObjectHeadClose, "MOVER", function(){_menu1.Hide(); this.style.cursor = "pointer"; }); _menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ _menu1.Parent.UndoHighlightMenu(); this.style.cursor = "default"; }); _popinObjectHeadCloseImg = document.createElement("img");} _popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img"return this; _popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";} _popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"; this.UndoHighlightMenu = function(){ _popinObjectHeadCloseImgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.widthborder = "16px1px solid #606060"; _popinObjectHeadCloseImgdocument.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.heightbackgroundColor = "16px#606060"; } _popinObjectHead.appendChild(_popinObjectHeadClosereturn this.LoadComponents(optCollapsiblePanel); } _popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg return new oCollapsiblePanel(optCollapsiblePanel); } createPopin = function(optPopin){ _popinObjectBodyvar oPopin = document.createElement("div");function(optPopin){ _popinObjectBodythis.idID = _popinObject.id + "_Bodypopin1"; _popinObjectBody.style.backgroundColorthis.Title = "#fff"; _popinObjectBodythis.innerHTMLInnerHTML = this.InnerHTML""; _popinObjectBody.style.marginthis.Align = "10px"; _popinObjectBody.style.heightthis.Modal = "240px"false; _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; this.Object = ""; this.ModalObject = ""; this.Parent = ""; this.LoadComponents = function(optPopin){ var _popinObject = null; var _popinObjectHead = null; var _popinObjectHeadTitle = null; var _popinObjectHeadClose = null; var _popinObjectHeadCloseImg = null; var _popinObjectBody = null; var _popinObjectModal = null; _popinObject.appendChild(_popinObjectBody); document.body.appendChild(_popinObject)this.ID = optPopin.ID; document.body.appendChild(_popinObjectModal); this.Title = optPopin.Title; this.ObjectInnerHTML = _popinObjectoptPopin.InnerHTML; this.ModalObjectAlign = _popinObjectModal; optPopin.Align; if(window["Popins"] == undefined)this.Modal = optPopin.Modal; window["Popins"]_popinObject = [];document.createElement("div"); _popinObject.id = this.ID + "_MostExternalDiv"; _popinObject.style.display = "block"; _popinObject.style.position = "absolute"; _popinObject.style.zIndex = "6"; window.Popins[this.ID]_popinObject.style.width = this"400px"; window.Popins[window.Popins.length]_popinObject.style.height = this"300px"; window["CurrentPopin"]_popinObject.style.top = this.ID; "50%"; return this_popinObject.style.left = "50%"; } this.Close_popinObject.style.marginLeft = function(){"-200px"; document_popinObject.body.removeChild(this.Object)style.marginTop = "-150px"; document_popinObject.body.removeChild(this.ModalObject); style.backgroundColor = "#909090"; }_popinObject.style.border= "1px solid #f6c342"; return this.LoadComponents(optPopin)_popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; } return new oPopin(optPopin); } createMenu = function(optMenu){ var oMenu = function(optMenu){ this.ID = "menu1" _popinObject.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; this.Objects = {}; this.Wrapper = ""; this.Status _popinObject.style.boxShadow = "HIDDEN"; this.Object = ""; this.TopBorderObject = ""; this.Parent = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; this.LoadComponents_popinObjectModal = function(optMenu){ document.createElement("div"); var _menuObject_popinObjectModal.id = null; var _menuObjectContainer = null; this.ID + "_MostExternalDiv"; this.ID_popinObjectModal.style.display = optMenu.ID"block"; this.Objects_popinObjectModal.style.position = optMenu.Objects"absolute"; this.Wrapper_popinObjectModal.style.zIndex = optMenu.Wrapper"5"; _menuObjectTopBorder_popinObjectModal.style.width = document.createElement("div100%"); _menuObjectTopBorder.id = this.ID + "_TopBorder_popinObjectModal.style.height = "100%"; _menuObjectTopBorderpopinObjectModal.style.displaytop = "none0px"; _menuObjectTopBorderpopinObjectModal.style.positionleft = "absolute0px"; _menuObjectTopBorderpopinObjectModal.style.backgroundColorbackground = "#909090rgba(0, 0, 0, 0.4)"; _popinObjectHead = document.createElement("div"); _menuObjectTopBorder.style.width = "26pxpopinObjectHead.id = _popinObject.id + "_Head"; _menuObjectTopBorderpopinObjectHead.style.heightwidth = "1px100%"; _menuObjectTopBorderpopinObjectHead.style.zIndexheight = "235px"; _menuObjectpopinObjectHead.style.background = document.createElement("div#606060"); _menuObjectpopinObjectHead.style.idpaddingTop = this.ID + "_MostExternalDiv"5px"; _menuObjectpopinObjectHead.style.displaywebkitBoxShadow = "none"; _menuObject.style.position = "absolute"; _menuObject.style.width = "170px";3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)"; _menuObject.style.backgroundColor= "#909090"; popinObject.appendChild(_popinObjectHead); _menuObjectContainerpopinObjectHeadTitle = document.createElement("divspan"); _menuObjectContainerpopinObjectHeadTitle.id = _menuObjectpopinObjectHead.id + "_ContainerTitle"; _menuObjectContainerpopinObjectHeadTitle.style.widthinnerHTML = "150px"this.Title; _menuObjectContainerpopinObjectHeadTitle.style.marginfontFamily = "10px"; for(var i = 0; i < this.Objects.length; i++){Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _menuObjectContainerpopinObjectHeadTitle.appendChild(this.Objects[i])style.fontSize = "14pt"; this.Objects[i].setAttribute("Parent", _menuObject.id)_popinObjectHeadTitle.style.color = "#fff"; }_popinObjectHeadTitle.style.paddingLeft = "10px"; _menuObjectpopinObjectHead.appendChild(_menuObjectContainerpopinObjectHeadTitle); _popinObjectHeadClose = document.getElementByIdcreateElement("maindiv").appendChild(_menuObject); document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); _popinObjectHeadClose.id = _popinObjectHead.id + "_Close"; this.UpdatePosition(_menuObject, _menuObjectTopBorder); _popinObjectHeadClose.style.width = "16px"; _popinObjectHeadClose.style.height = "16px"; _popinObjectHeadClose.style.float = "right"; this.TopBorderObject _popinObjectHeadClose.style.marginTop = _menuObjectTopBorder"5px"; this.Object_popinObjectHeadClose.style.marginRight = _menuObject;"10px"; SetControlEvents(_popinObjectHeadClose, "CLICK", function(){ if(window["Menus"] == undefined)var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close",""); window["Menus"]var _instance = window.Popins[_nameInstance]; _instance.Close(); }); SetControlEvents(_popinObjectHeadClose, "MOVER", function(){ window.Menus[this.ID]this.style.cursor = this"pointer"; }); window.Menus[window.Menus.length] = this; SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ window["CurrentMenu"] = this.ID; this.style.cursor = "default"; return this}); } _popinObjectHeadCloseImg = document.createElement("img"); this.UpdatePosition_popinObjectHeadCloseImg.id = function(_menuObject, _topBorderObject){_popinObjectHeadClose.id + "_Img"; if(_menuObject){ _popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img"; _menuObjectpopinObjectHeadCloseImg.style.leftsrc = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"; _popinObjectHeadCloseImg.style.width = "16px"; _menuObjectpopinObjectHeadCloseImg.style.topheight = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"16px"; } if_popinObjectHead.appendChild(_topBorderObjectpopinObjectHeadClose){; _popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg); _topBorderObject.style.toppopinObjectBody = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"createElement("div"); } } _popinObjectBody.id = _popinObject.id + "_Body"; this.Show_popinObjectBody.style.backgroundColor = function(){"#fff"; _popinObjectBody.innerHTML = this.InnerHTML; if(this.Status =_popinObjectBody.style.margin= "HIDDEN10px"){; this.Status_popinObjectBody.style.height = "OPENED240px"; this.Object.style.display = "block"; this.TopBorderObject.style.display = "block"; } else this.Hide(); }; this.Hide = function(){ if(this.Status == "OPENED"){ _popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; this.Status = "HIDDEN"; _popinObject.appendChild(_popinObjectBody); this.Object.style.display = "none"document.body.appendChild(_popinObject); this.TopBorderObject.style.display = "none"document.body.appendChild(_popinObjectModal); }this.Object = _popinObject; }this.ModalObject = _popinObjectModal; return this.LoadComponents(optMenu); if(window["Popins"] == undefined) } window["Popins"] = []; return new oMenu(optMenu); } createMenuItem = function(optMenuItem){ var oMenuItem = function(optMenuItem){ this.ID = "menuItem1"; window.Popins[this.ActionID] = ""this; this.Descriptionwindow.Popins[window.Popins.length] = ""this; this.Parentwindow["CurrentPopin"] = ""this.ID; this.LoadComponents = function(optMenuItem){ return this; } var _menuItemObject = null;this.Close = function(){ var _menuItemObjectDescription = null; document.body.removeChild(this.Object); this.ID = optMenuItem.IDdocument.body.removeChild(this.ModalObject); }; return this.Action = optMenuItem.ActionLoadComponents(optPopin); } this.Description = optMenuItem.Description; return new oPopin(optPopin); } _menuItemObjectcreateMenu = document.createElement("div");function(optMenu){ _menuItemObject.id = this.ID + "_MostExternalDiv";var oMenu = function(optMenu){ _menuItemObject.style.paddingthis.ID = "5pxmenu1"; SetControlEvents(_menuItemObject, "MOVER", function(){ this.Objects = {}; this.style.backgroundColorWrapper = "#f6c342"; this.style.cursorStatus = "pointerHIDDEN"; document.getElementById(this.id + "_Description").style.colorthis.Object = "#000"; this.TopBorderObject = ""; })this.Parent = ""; SetControlEvents(_menuItemObject, "MOUT",this.LoadComponents = function(optMenu){ this.style.backgroundColorvar _menuObject = "#909090"null; this.style.cursorvar _menuObjectContainer = "default"; null; document.getElementById(this.id + "_Description").style.color.ID = "#fff"optMenu.ID; })this.Objects = optMenu.Objects; SetControlEvents(_menuItemObject, "CLICK", this.Action)this.Wrapper = optMenu.Wrapper; _menuItemObjectDescriptionmenuObjectTopBorder = document.createElement("spandiv"); _menuItemObjectDescriptionmenuObjectTopBorder.id = _menuItemObjectthis.idID + "_DescriptionTopBorder"; _menuItemObjectDescriptionmenuObjectTopBorder.style.innerHTMLdisplay = this.Description"none"; _menuItemObjectDescriptionmenuObjectTopBorder.style.fontFamilyposition = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; "absolute"; _menuObjectTopBorder.style.backgroundColor = "#909090"; _menuObjectTopBorder.style.width = "26px"; _menuItemObjectDescriptionmenuObjectTopBorder.style.fontSizeheight = "10pt1px"; _menuItemObjectDescriptionmenuObjectTopBorder.style.colorzIndex = "#fff2"; _menuItemObject.appendChild(_menuItemObjectDescription); return _menuItemObjectmenuObject = document.createElement("div"); _menuObject.id = this.ID + "_MostExternalDiv"; } _menuObject.style.display = "none"; return this.LoadComponents(optMenuItem) _menuObject.style.position = "absolute"; } return oMenuItem(optMenuItem); } _menuObject.style.width = "170px"; Load(); createContainer = function(optContainer){ var oContainer = function(optContainer){ this.ID = "container1"; this.Title = ""; this.SubTitle = ""; this.ImageUrl = ""; this.Description = ""; this.NavigateUrl = ""; this.Wrapper = "_menuObject.style.backgroundColor= "#909090"; _menuObjectContainer = document.createElement("div"); _menuObjectContainer.id = _menuObject.id + "_Container"; _menuObjectContainer.style.width = "150px"; _menuObjectContainer.style.margin = "10px"; for(var i = 0; i < this.Objects.length; i++){ _menuObjectContainer.appendChild(this.Objects[i]); this.Objects[i].setAttribute("Parent", _menuObject.id); } _menuObject.appendChild(_menuObjectContainer); document.getElementById("main").appendChild(_menuObject); document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); this.UpdatePosition(_menuObject, _menuObjectTopBorder); this.TopBorderObject = _menuObjectTopBorder; this.Object = _menuObject; if(window["Menus"] == undefined) window["Menus"] = []; window.Menus[this.ID] = this; window.Menus[window.Menus.length] = this; window["CurrentMenu"] = this.ID; return this; } this.UpdatePosition = function(_menuObject, _topBorderObject){ if(_menuObject){ _menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px"; _menuObject.style.top = this.Parent = ""; this.LoadComponents = function(optContainer){ var _containerObject = null; (document.getElementById(this.Wrapper).offsetTop + 26) + "px"; } if(_topBorderObject){ _topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"; } } this.Show = var _containerObjectTitle = null;function(){ if(this.Status == "HIDDEN"){ var _containerObjectSubTitlethis.Status = null"OPENED"; var _containerObjectImageBackground = nullthis.Object.style.display = "block"; var _containerObjectImageBackgroundImg = null; this.TopBorderObject.style.display = "block"; } var _containerObjectDescription = null; else var _containerObjectSep = null; this.Hide(); var _containerObjectMaisInfo = null; }; var _containerObjectMaisInfoA = null; this.ID = optContainer.ID this.Title = optContainer.Title; this.Hide = function(){ if(this.Status == "OPENED"){ this.Status = "HIDDEN"; this.Object.style.display = "none"; this.TopBorderObject.style.SubTitle = optContainer.SubTitle; this.ImageUrl = optContainer.ImageUrl; this.Description = optContainer.Description; this.NavigateUrl = optContainer.NavigateUrldisplay = "none" } }; return this.LoadComponents(optMenu); } return new oMenu(optMenu); } createMenuItem = function(optMenuItem){ var oMenuItem = function(optMenuItem){ this.ID = "menuItem1"; this.Wrapper = optContainer.Wrapper; _containerObject this.Action = ""; this.Description = ""; this.Parent = ""; this.LoadComponents = function(optMenuItem){ var _menuItemObject = null; var _menuItemObjectDescription = null; this.ID = optMenuItem.ID; this.Action = optMenuItem.Action; this.Description = optMenuItem.Description; _menuItemObject = document.createElement("div"); _containerObject.id = this.ID + "_MostExternalDiv"; _containerObject.style.width = "250px"; _containerObject.style.height = "auto"; _containerObject.style.background = "#fff"; _containerObject.style.border = "1px solid #c0c0c0"; _containerObject.style.padding = "10px"; _containerObject.style.margin = "10px"; _menuItemObject.id = this.ID + "_MostExternalDiv"; _menuItemObject.style.padding = "5px"; SetControlEvents(_menuItemObject, "MOVER", function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; }); SetControlEvents(_menuItemObject, "MOUT", function(){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; }); SetControlEvents(_menuItemObject, "CLICK", this.Action); _menuItemObjectDescription = document.createElement("span"); _containerObjectmenuItemObjectDescription.style.float = "left"; _containerObject.style.position = "relative"; _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; id = _menuItemObject.id + "_Description"; _menuItemObjectDescription.innerHTML = this.Description; _menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _menuItemObjectDescription.style.fontSize = "10pt"; _menuItemObjectDescription.style.color = "#fff"; _menuItemObject.appendChild(_menuItemObjectDescription); return _containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _menuItemObject; } return this.LoadComponents(optMenuItem); } return oMenuItem(optMenuItem); } Load(); createContainer = function(optContainer){ var oContainer = function(optContainer){ _containerObjectTitle = document.createElement("div")this.ID = "container1"; _containerObjectTitle.idthis.Title = _containerObject .id + "_Title"; _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif this.SubTitle = ""; _containerObjectTitle.style.fontSizethis.ImageUrl = "16pt"; this.Description = ""; _containerObjectTitle.style.width = "100%"; this.NavigateUrl = ""; _containerObjectTitle.style.height = "30px"; this.Wrapper = ""; this.Parent = ""; _containerObjectTitle.style.textAlign = "center"; this.LoadComponents = function(optContainer){ _containerObjectTitle.innerHTML = this.Title; var _containerObject = null; var _containerObjectTitle = null; var _containerObjectSubTitle = null; var _containerObjectImageBackground = null; var _containerObjectImageBackgroundImg = null; var _containerObjectDescription = null; var _containerObjectSep = null; var _containerObjectMaisInfo = null; _containerObject.appendChild(_containerObjectTitle); var _containerObjectMaisInfoA = null; _containerObjectSubTitle = document.createElement("div"); _containerObjectSubTitlethis.idID = _containerObject .id + "_SubTitle"; optContainer.ID _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; this.Title = optContainer.Title; this.SubTitle = optContainer.SubTitle; _containerObjectSubTitle.style.fontSize = "14pt"; this.ImageUrl = optContainer.ImageUrl; _containerObjectSubTitle.style.width = "100%"; this.Description = optContainer.Description; _containerObjectSubTitle.style.height this.NavigateUrl = "35px"optContainer.NavigateUrl; _containerObjectSubTitle.style.textAlignthis.Wrapper = "center"optContainer.Wrapper; _containerObjectSubTitle.innerHTML = this.SubTitle; _containerObject.appendChild(_containerObjectSubTitle); _containerObjectImageBackground = document.createElement("div"); _containerObjectImageBackgroundcontainerObject.id = _containerObject this.idID + "_ImageBackgroundMostExternalDiv"; _containerObjectImageBackgroundcontainerObject.style.backgroundwidth = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; _containerObjectImageBackground.style.backgroundPosition = "center bottom250px"; _containerObjectImageBackgroundcontainerObject.style.widthheight = "100%auto"; _containerObjectImageBackgroundcontainerObject.style.heightbackground = "100px"; "#fff"; _containerObjectImageBackground.style.position= "relative"; _containerObjectImageBackgroundImg = document.createElement("img"); _containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.style.position = "absolute"; _containerObjectImageBackgroundImg _containerObject.style.topborder = "15px"; _containerObjectImageBackgroundImg.style.left = "15px"; _containerObjectImageBackgroundImg.src = this.ImageUrl; _containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg); _containerObject.appendChild(_containerObjectImageBackground); 1px solid #c0c0c0"; _containerObject.style.padding = "10px"; _containerObjectDescriptioncontainerObject.style.margin = document.createElement("div10px"); _containerObject.style.float = "left"; _containerObjectDescription.id = _containerObject .style.idposition += "_Descriptionrelative"; _containerObjectDescriptioncontainerObject.style.fontFamilywebkitBoxShadow = "Segoe3px UI,3px Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectDescription.style.fontSize = "12pt"3px 0px rgba(100, 100, 100, 0.4)"; _containerObjectDescriptioncontainerObject.style.widthmozBoxShadow = "100%3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObjectDescriptioncontainerObject.style.heightboxShadow = "135px"; 3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _containerObjectDescription.style.textAlign = "justify"; _containerObjectDescription.innerHTML = this.Description; _containerObject.appendChild(_containerObjectDescription); _containerObjectSep _containerObjectTitle = document.createElement("div"); _containerObjectSepcontainerObjectTitle.id = _containerObject .id + "_SepTitle"; _containerObjectSepcontainerObjectTitle.style.widthfontFamily = "100%"; _containerObjectSep.style.height = "1px"; Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectSep.style.backgroundColor = "#c0c0c0"; _containerObjectSep.style.marginTop = "15px"; _containerObject.appendChild(_containerObjectSep); _containerObjectMaisInfo = document.createElement("div") _containerObjectTitle.style.fontSize = "16pt"; _containerObjectMaisInfocontainerObjectTitle.style.idwidth = _containerObject .id + "_MaisInfo"100%"; _containerObjectMaisInfo.style.width = "100%"; _containerObjectMaisInfocontainerObjectTitle.style.height = "20px30px"; _containerObjectMaisInfocontainerObjectTitle.style.textAlign = "right"; _containerObjectMaisInfo.style.paddingTop = "5px"; _containerObjectMaisInfoA = document.createElement("a") = "center"; _containerObjectMaisInfoAcontainerObjectTitle.idinnerHTML = _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"this.Title; _containerObjectMaisInfoA.href = this.NavigateUrl; _containerObject.appendChild(_containerObjectTitle); _containerObjectMaisInfoA.textcontainerObjectSubTitle = "Mais [...]"; _containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA); _containerObject.appendChild(_containerObjectMaisInfo); document.createElement("div"); document.getElementById(this.Wrapper).appendChild(_containerObject); if(window["Containers"] == undefined) window["Containers"] = []; window.Containers[this.ID] = this; window.Containers[window.Containers.length] = this; window["CurrentContainer"] = this.ID; return this; _containerObjectSubTitle.id = _containerObject .id + "_SubTitle"; _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; } _containerObjectSubTitle.style.fontSize = "14pt"; return this.LoadComponents(optContainer); } _containerObjectSubTitle.style.width = "100%"; return new oContainer(optContainer); } _containerObjectSubTitle.style.height = "35px"; var oContainer1Opt = { ID: "container1", Title: "Expressão", _containerObjectSubTitle.style.textAlign = "center"; SubTitle: "(Passo a Passo)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2", _containerObjectSubTitle.innerHTML = this.SubTitle; Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.", _containerObject.appendChild(_containerObjectSubTitle); _containerObjectImageBackground = document.createElement("div"); NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667", _containerObjectImageBackground.id = Wrapper:_containerObject .id + "CollapsiblePanel1_MostExternalDivImageBackground"; } var _container1 = createContainer(oContainer1Opt); _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; _containerObjectImageBackground.style.backgroundPosition = "center bottom"; var oContainer2Opt = { ID: "container2", _containerObjectImageBackground.style.width = "100%"; Title: "Texto Rico", SubTitle: "(Limitações Design)", _containerObjectImageBackground.style.height = "100px"; ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).", NavigateUrl: "", _containerObjectImageBackground.style.position= "relative"; _containerObjectImageBackgroundImg = document.createElement("img"); _containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img"; _containerObjectImageBackgroundImg.style.position = "absolute"; _containerObjectImageBackgroundImg.style.top = "15px"; _containerObjectImageBackgroundImg.style.left = "15px"; _containerObjectImageBackgroundImg.src = this.ImageUrl; _containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg); _containerObject.appendChild(_containerObjectImageBackground); Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container2containerObjectDescription = createContainer(oContainer2Opt); var oContainer7Opt = { ID: "container7", document.createElement("div"); Title: "Texto Rico", _containerObjectDescription.id = _containerObject .id SubTitle:+ "(Referências)",_Description"; ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2", Description: "", NavigateUrl: "", _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectDescription.style.fontSize = "12pt"; Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container7containerObjectDescription.style.width = createContainer(oContainer7Opt); "100%"; var oContainer3Opt = { ID: "container3", Title: "Exportação PDF", _containerObjectDescription.style.height = "135px"; SubTitle: "(Conformidade e Versões)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2", _containerObjectDescription.style.textAlign = "justify"; Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.", _containerObjectDescription.innerHTML = this.Description; _containerObject.appendChild(_containerObjectDescription); _containerObjectSep = document.createElement("div"); NavigateUrl: "", _containerObjectSep.id = _containerObject .id + "_Sep"; Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container3containerObjectSep.style.width = createContainer(oContainer3Opt); "100%"; var oContainer4Opt = { ID:_containerObjectSep.style.height = "container41px", ; Title: "Imagem", _containerObjectSep.style.backgroundColor = "#c0c0c0"; _containerObjectSep.style.marginTop = "15px"; _containerObject.appendChild(_containerObjectSep); _containerObjectMaisInfo SubTitle: "(Exportação Para HTML)",= document.createElement("div"); ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2", Description: "1_containerObjectMaisInfo.1id -= Ao_containerObject gerar.id o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).", + "_MaisInfo"; NavigateUrl: "", _containerObjectMaisInfo.style.width = "100%"; _containerObjectMaisInfo.style.height = "20px"; Wrapper: "CollapsiblePanel1_MostExternalDiv" _containerObjectMaisInfo.style.textAlign = } "right"; _containerObjectMaisInfo.style.paddingTop = "5px"; _containerObjectMaisInfoA = document.createElement("a"); var _container4 = createContainer(oContainer4Opt); var oContainer5Opt = { ID: "container5", _containerObjectMaisInfoA.id = Title:_containerObjectMaisInfo.id + "Controles_A", ; _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"; SubTitle: "(Prop. Arredondar Valor)", ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", _containerObjectMaisInfoA.href = this.NavigateUrl; Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.", _containerObjectMaisInfoA.text = "Mais [...]"; _containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA); _containerObject.appendChild(_containerObjectMaisInfo); NavigateUrl: "", document.getElementById(this.Wrapper).appendChild(_containerObject); if(window["Containers"] Wrapper: "CollapsiblePanel1_MostExternalDiv" } var _container5 = createContainer(oContainer5Opt); var oContainer6Opt = { == undefined) window["Containers"] = []; window.Containers[this.ID] = this; window.Containers[window.Containers.length] = this; ID: "container6", Title: "Controles", SubTitle: "(Sobreposição dos controles)", window["CurrentContainer"] = this.ID; return this; ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2", Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...", } return this.LoadComponents(optContainer); NavigateUrl: "", } Wrapper: "CollapsiblePanel1_MostExternalDiv" return } new oContainer(optContainer); var _container6 = createContainer(oContainer6Opt);} </script> |
http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas