Histórico da Página

<div id="keyWordContainerDiv"></div>


<style>
	.Keyword-Container-Wrapper{
		width: 100%;
		height: auto;
		min-height: 30px;
	}


	.Keyword-Container-Wrapper-Span{
		padding: 5px;
		background-color: #3572b0;
		color: #fff;
	}
</style>


<script>


TOTVS_Keywords = {
	Id: 'KeyWord1',
	Container: null,
	Init: function(id, nameOfContainer, tags){
		this.Id = id;
		this.Container = nameOfContainer; 
		this.Tags = tags;
	},
	Build: function(id, nameOfContainer, tags){
			this.Init(id, nameOfContainer, tags);


			this.Container = (typeof this.Container === "string") ? document.getElementById(this.Container) : this.Container; 


			var _keyWordContainerWrapper = document.createElement('div');		
			_keyWordContainerWrapper.id = this.Id + "_ContainerWrapper";
			_keyWordContainerWrapper.className = "Keyword-Container-Wrapper";


			var _keyWordContainerWrapper.contentEditablekeyWordContainerWrapperInput = true;document.createElement('input');		
			_keyWordContainerWrapperInput.id = _keyWordContainerWrapper.onkeypressid = function(e){+ "_Input";
				var _evt_keyWordContainerWrapperInput.name = e || window.event_keyWordContainerWrapperInput.id;
				
				var keywords = this.innerHTML.replace(/(?i)<span[^>]*>/gi)split(' ');
_keyWordContainerWrapperInput.type = "text";
				if(keywords.length > 0)
				{
	_keyWordContainerWrapperInput.onkeypress = function(e){
				for(var i_evt = 0;e i < keywords.length; i++){|| window.event;
						var _span = document.createElement(); 
						_span.id = this.id + "_" + (i+1) + _span;
	if (event.which == 13 || event.keyCode == 13) {
        			this.Tags.push(this.value);
					
					var _span.name = _span.iddocument.createElement('span');
					
					this.parentNode.insertBefore(_span.className = 'Keyword-Container-Wrapper-Span';
			, this);
        			return false;
    			}
				}


			}
_keyWordContainerWrapper.appendChild(_keyWordContainerWrapperInput);

			this.Container.appendChild(_keyWordContainerWrapper);
	}
}


TOTVS_Keywords.Build('TOTVS_KeyWord', 'keyWordContainerDiv')


</script>