Histórico da Página
...
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<div id="divContainer"></div> |
4 - Adicione o Script de Chamada
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<script> var _images = []; var _imagesSettings1 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-1.png?version=1&modificationDate=1521744577627&api=v2', Caption: 'Página 1' } var _imagesSettings2 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-2.png?version=1&modificationDate=1521744583301&api=v2', Caption: 'Página 2' } var _imagesSettings3 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-3.png?version=1&modificationDate=1521744585793&api=v2', Caption: 'Página 3' } var _imagesSettings4 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-4.png?version=1&modificationDate=1521744587348&api=v2', Caption: 'Página 4' } var _imagesSettings5 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-5.png?version=1&modificationDate=1521744590331&api=v2', Caption: 'Página 5' } var _imagesSettings6 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-6.png?version=1&modificationDate=1521744593147&api=v2', Caption: 'Página 6' } var _imagesSettings7 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-7.png?version=1&modificationDate=1521744596596&api=v2', Caption: 'Página 7' } var _imagesSettings8 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-8.png?version=1&modificationDate=1521744598581&api=v2', Caption: 'Página 8' } var _imagesSettings9 = { Url: '/download/attachments/330843097/TOTVS%20RM%20-Configura%C3%A7%C3%A3o%20Servi%C3%A7o%20de%20Cache%20Centralizado-9.png?version=1&modificationDate=1521744575616&api=v2', Caption: 'Página 9' } _images.push(_imagesSettings1); _images.push(_imagesSettings2); _images.push(_imagesSettings3); _images.push(_imagesSettings4); _images.push(_imagesSettings5); _images.push(_imagesSettings6); _images.push(_imagesSettings7); _images.push(_imagesSettings8); _images.push(_imagesSettings9); TOTVS_Carousel.Init('Carousel1', 'divContainer', 5000, _images, true, true, true, 'Cache Centralizado', 'black'); TOTVS_Carousel.ShowSlides(); </script> |
...
HTML |
---|
<div id="keyWordContainerDiv"></div> <style> .Keyword-Container-Wrapper{ width: 100%; height: auto; min-height: 30px; } .Keyword-Container-Wrapper-Span{ padding: 10px; background-color: #3572b0; color: #fff; margin-right: 10px; } .Keyword-Container-Wrapper-Input{ border: 0; } </style> <script> TOTVS_Keywords = { Id: 'KeyWord1', Container: null, Tags: [], Init: function(id, nameOfContainer, tags){ this.Id = id; this.Container = (typeof nameOfContainer === "string") ? document.getElementById(nameOfContainer) : nameOfContainer; this.Tags = { Length: (tags) ? tags.length: 0, Items: [], Add: function(item){ if(!item) return false; if(!this.Exists(item)){ this.Items[this.Length] = []; this.Items[this.Length]['Value'] = item; this.Items[this.Length]['Index'] = this.Length; this.Items[item] = []; this.Items[item]['Value'] = item; this.Items[item]['Index'] = this.Length; this.Length += 1; return true; } }, AddRange: function(rangeOfItems){ if(!rangeOfItems) return false; for(var i = 0; i < rangeOfItems.length; i++){ if(!this.Exists(rangeOfItems[i])){ this.Items[this.Length] = []; this.Items[this.Length]['Value'] = rangeOfItems[i]; this.Items[this.Length]['Index'] = this.Length; this.Items[item] = []; this.Items[rangeOfItems[i]]['Value'] = rangeOfItems[i]; this.Items[rangeOfItems[i]]['Index'] = this.Length; this.Length += 1; return true; } } }, Exists: function(item){ if(!item) return false; for(var att in this.Items){ if(att == item) return true; } return false; }, Find: function(item){ if(!item) return null; for(var att in this.Items){ if(att == item) return this.Items[item]; } return null; }, IndexOf: function(item){ if(!item) return null; var _item = this.Find(item); if(_item != null) return _item.Index; return null; } } this.Tags.AddRange(tags); }, Build: function(id, nameOfContainer, tags){ this.Init(id, nameOfContainer, tags); var _keyWordContainerWrapper = document.createElement('div'); _keyWordContainerWrapper.id = this.Id + "_ContainerWrapper"; _keyWordContainerWrapper.className = "Keyword-Container-Wrapper"; var _keyWordContainerWrapperInput = document.createElement('input'); _keyWordContainerWrapperInput.id = _keyWordContainerWrapper.id + "_Input"; _keyWordContainerWrapperInput.name = _keyWordContainerWrapperInput.id; _keyWordContainerWrapperInput.type = "text"; _keyWordContainerWrapperInput.className = 'Keyword-Container-Wrapper-Input'; _keyWordContainerWrapperInput.onkeypress = function(e){ var _evt = e || window.event; if (event.which == 13 || event.keyCode == 13) { var _added = TOTVS_Keywords.Tags.Add(this.value); if(_added){ var _index = TOTVS_Keywords.Tags.IndexOf(this.value); var _span = document.createElement('span'); _span.id = this.id + "_" + (_index != null) ? _index : this.value; _span.name = _span.id; _span.className = 'Keyword-Container-Wrapper-Span'; _span.innerHTML = this.value; this.parentNode.insertBefore(_span, this); this.value = ""; } return false; } } _keyWordContainerWrapper.appendChild(_keyWordContainerWrapperInput); this.Container.appendChild(_keyWordContainerWrapper); } } window.onload = function() { var _tagsEl = document.getElementsByClassName('aui-label-split-main'); var _tags = []; for(var i=0; i < _tagsEl.length; i++){ _tags.push(_tagsEl(i).innerHTML); } TOTVS_Keywords.Build('TOTVS_KeyWord', 'keyWordContainerDiv', _tags) } </script> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas