<script>
var toggleBtn = document.getElementsByClassName('toggleBtn');
for (var i = 0; i < toggleBtn.length; i++){
toggleBtn[i].addEventListener('mouseover', toggleContent.bind(null, toggleBtn[i].target));
}
for (var i = 0; i < toggleBtn.length; i++){
toggleBtn[i].addEventListener('click', toggleClick.bind(null, toggleBtn[i].target));
}
function toggleClick(target){
switch(target) {
case "content_CNI":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=415709081";
break;
case "content_FIEC":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=643749210";
break;
case "content_FIEMA":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=556885227";
break;
case "content_FIEMG":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=754250390";
break;
case "content_FIEP":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=485854682";
break;
case "content_FIEPA":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=635046140";
break;
case "content_FIEPE":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=544721399";
break;
case "content_FIERGS":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=543093815";
break;
case "content_FIERN":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=752941123";
break;
case "content_FIES":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=660092232";
break;
case "content_FIRJAN":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=454836666";
break;
case "content_InstalacoesConfiguracoes":
window.location.href = "https://tdn.totvs.com/pages/viewpage.action?pageId=388237128";
break;
}
}
function toggleContent(target){
toggleContentDisplayNone()
var content = document.getElementById(target);
if(content.style.display === 'none'){
content.style.display = 'block';
}
}
function toggleContentDisplayNone(){
var contents = document.getElementsByClassName('cloak')
for(var i = 0; i < contents.length; i++){
contents[i].style.display = 'none';
}
}
</script>
<style>
.customBtn {
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff !important;
font-size:16px;
font-weight:bold;
padding: 8px 32px;
text-decoration:none;
margin: 1px;
width: 300px;
min-width: 50%;
max-width: 600px;
text-decoration: none;
}
.customBtn:active {
position:relative;
top:1px;
}
.btnAzul{
background-color:#609af7;
}
.btnAzul:hover {
background-color:#4d84db;
text-decoration: none;
}
.btnLaranja{
background-color:#FFAB00;
}
.btnLaranja:hover {
background-color:#FF9900;
text-decoration: none;
}
.btnVerde{
background-color:#38d161;
}
.btnVerde:hover {
background-color: #31b754;
text-decoration: none;
} </style> |