Histórico da Página
...
HTML |
---|
<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> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas