Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

HTML
<script type="text/javascript">
Totvs = {
	CollapsiblePanel: function(optCollapsiblePanel){
		var oCollapsiblePanel = function(optCollapsiblePanel){
			this.Id = "CollapsiblePanel1";
			this.ElementToAttach = window.body;
			this.TitleMark = "<titlemark>";
			this.Title = "";
			this.Groups = {};

			this.LoadComponents = function(optCollapsiblePanel){
				if(optCollapsiblePanel != null && optCollapsiblePanel != undefined && !$.isEmptyObject(optCollapsiblePanel)){
					if(optCollapsiblePanel.Id != null && optCollapsiblePanel.Id != undefined && optCollapsiblePanel.Id != "")
						this.Id = optCollapsiblePanel.Id;

					if(optCollapsiblePanel.ElementToAttach != null && optCollapsiblePanel.ElementToAttach != undefined)
						this.ElementToAttach = optCollapsiblePanel.ElementToAttach;


					if(optCollapsiblePanel.Title != null && optCollapsiblePanel.Title != undefined && optCollapsiblePanel.Title != "")
						this.Title = optCollapsiblePanel.Title;
				}
					
				var ElementCollapsiblePanel = document.createElement('div');
				ElementCollapsiblePanel.id = this.Id + "_OuterDiv";
				ElementCollapsiblePanel.name = this.Id + "_OuterDiv";
				ElementCollapsiblePanel.className = "outerDiv";


				var ElementCollapsiblePanelWrapper = document.createElement('div');
				ElementCollapsiblePanelWrapper.id = this.Id + "_OuterDivWrapper";
				ElementCollapsiblePanelWrapper.name = this.Id + "_OuterDivWrapper";
				ElementCollapsiblePanelWrapper.className = "outerDivWrapper";
				
				if(this.Title != null && this.Title != undefined && this.Title != "")
					ElementCollapsiblePanelWrapper.innerHTML = this.Title;
				else{
					if($(window.document).find('titlemark').length > 0)
						ElementCollapsiblePanelWrapper.innerHTML = $(window.document).find('titlemark')[0].innerHTML;
				}
				ElementCollapsiblePanel.appendChild(ElementCollapsiblePanelWrapper);

				if(typeof this.ElementToAttach === "string")
					this.ElementToAttach = document.getElementById(this.ElementToAttach);
			
				this.ElementToAttach.appendChild(ElementCollapsiblePanel);

				return this;	
			}


			return this.LoadComponents(optCollapsiblePanel);
		}
		
		return new oCollapsiblePanel(optCollapsiblePanel);
	},



				createMenuItem = function(optMenuItem){
						var oMenuItem = function(optMenuItem){
									this.ID = "menuItem1";
                       				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");
											_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");
											_menuItemObjectDescription.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 _menuItemObject;
									}
 
									return this.LoadComponents(optMenuItem);
						}
 
						return oMenuItem(optMenuItem);					
				}

	CollapsiblePanelGroup: function(optCollapsiblePanelGroup){
		var oCollapsiblePanelGroup = function(optCollapsiblePanelGroup){
			this.Id = "CollapsiblePanelGroup1";
			this.Parent = null;
			this.GroupTitleMark = "<grouptitlemark{0}>"
			this.GroupTitle = "";


			this.LoadComponents = function(optCollapsiblePanelGroup){
				var ElementCollapsiblePanelGroup = document.createElement('div');
				ElementCollapsiblePanelGroup.id = this.Id + "_GroupOuterDiv";
				ElementCollapsiblePanelGroup.name = this.Id + "_GroupOuterDiv";
				ElementCollapsiblePanelGroup.className = "groupOuterDiv";


				var ElementCollapsiblePanelGroupWrapper = document.createElement('div');
				ElementCollapsiblePanelGroupWrapper.id = this.Id + "_GroupOuterDivWrapper";
				ElementCollapsiblePanelGroupWrapper.name = this.Id + "_GroupOuterDivWrapper";
				ElementCollapsiblePanelGroupWrapper.className = "groupOuterDivWrapper";


				ElementCollapsiblePanelGroup.appendChild(ElementCollapsiblePanelGroupWrapper);


				return ElementCollapsiblePanelGroup;
			}


			return this.LoadComponents(optCollapsiblePanelGroup);
		}


		return oCollapsiblePanelGroup(optCollapsiblePanelGroup);
	},

	CollapsiblePanelGroupItem: function(optCollapsiblePanelGroupItem){

	}
}
</script>

<div id="divContent"></div>
<titlemark>Título</titlemark>

...