58 lines
4.0 KiB
JavaScript
58 lines
4.0 KiB
JavaScript
// Verifica se a variável 'visuMonitor' é verdadeira
|
|
if (visuMonitor == true) {
|
|
// Obtém o elemento com o ID 'sub_entrada' para inserir o conteúdo
|
|
const construtor_Secundarios_Monitoramento = document.getElementById('sub_entrada');
|
|
|
|
// Define o conteúdo HTML a ser inserido no 'sub_entrada'
|
|
construtor_Secundarios_Monitoramento.innerHTML =
|
|
'<div class="item_menu" id="testes"><img src="../Acessts/Imagens/Iconis/monitor.png" alt=""><p>Monitoramento</p></div>'
|
|
+ // Cria o item do menu "Monitoramento"
|
|
'<div class="sub_menu" id="sub_menu">' // Cria um submenu
|
|
+
|
|
// Cada link dentro do submenu, com imagem e texto
|
|
'<a href="./Monitoramento.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>iTGuys</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_GAU_Freguesia.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>Gau Freguesia</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_GAU_Infantil.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>Gau Infantil</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_Sao_Fabiano.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>São Fabiano</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_Enseg_Itaguaí.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>Unidade Itaguaí</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_Enseg_Recreio.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>Unidade Recreio</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_Enseg_Cliente_VPN.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/vpn.png" alt=""><p>Client Vpn</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_Ferreira_Real.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>Ferreira Real</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_Oeste_Pan.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>Oeste Pan</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_IBAP.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>IBAP</p></div></a>'
|
|
+
|
|
'<a href="./Tela_Monitoramento/Padrão/Monitoramento_IVVCG.html" target="frame"><div class="sub_item_1"><img src="../Acessts/Imagens/Iconis/hospital.png" alt=""><p>IVVCG</p></div></a>'
|
|
+
|
|
'</div>'; // Fecha o submenu
|
|
|
|
};
|
|
|
|
// Adiciona um evento para mostrar o submenu quando o mouse entra no item do menu
|
|
document.getElementById('testes').addEventListener('mouseenter', function () {
|
|
document.getElementById('sub_menu').classList.add('show'); // Adiciona a classe 'show' para exibir o submenu
|
|
});
|
|
|
|
// Adiciona um evento para esconder o submenu quando o mouse sai do item do menu
|
|
document.getElementById('testes').addEventListener('mouseleave', function () {
|
|
document.getElementById('sub_menu').classList.remove('show'); // Remove a classe 'show' para ocultar o submenu
|
|
});
|
|
|
|
// Adiciona um evento para manter o submenu visível enquanto o mouse está sobre ele
|
|
document.getElementById('sub_menu').addEventListener('mouseenter', function () {
|
|
this.classList.add('show'); // Adiciona a classe 'show' para manter o submenu visível
|
|
});
|
|
|
|
// Adiciona um evento para esconder o submenu quando o mouse sai do submenu
|
|
document.getElementById('sub_menu').addEventListener('mouseleave', function () {
|
|
this.classList.remove('show'); // Remove a classe 'show' para ocultar o submenu
|
|
});
|