.custom-dropdown { padding: 10px; font-size: 16px; background-color: white; color: black; border: 1px solid #ccc; border-radius: 5px; transition: background 0.3s, color 0.3s; } .custom-dropdown.selected { background-color: #0071CE; color: white; } option.hidden { display: none; } Portal BMI Empleados Agentes Clientes document.addEventListener("DOMContentLoaded", function () { const dropdown = document.getElementById('menuDropdown'); const defaultOption = document.getElementById('defaultOption'); const optionsMap = { empleados: "Empleados", agentes: "Agentes", clientes: "Clientes" }; const checkLanguage = setInterval(function () { if (typeof current_language !== 'undefined' && current_language !== null && current_language !== '') { console.log("Idioma detectado:", current_language); // Traducción al inglés si el idioma es en_US if (current_language === 'en_US') { dropdown.options[1].text = "Employee"; dropdown.options[2].text = "Agent"; dropdown.options[3].text = "Client"; defaultOption.textContent = "BMI Portal"; } clearInterval(checkLanguage); } }, 100); // Oculta "Seleccione" al abrir el dropdown dropdown.addEventListener('mousedown', function () { if (dropdown.value === "") { defaultOption.classList.add('hidden'); } }); // Vuelve a mostrar "Seleccione" si no se elige nada dropdown.addEventListener('blur', function () { if (dropdown.value === "") { defaultOption.classList.remove('hidden'); } }); // Redirecciona y resetea el dropdown dropdown.addEventListener('change', function () { if (dropdown.value) { dropdown.classList.add('selected'); window.open(dropdown.value, '_blank'); // Abrir en nueva pestaña // Resetear después de una pequeña pausa dropdown.disabled = true; setTimeout(() => { dropdown.disabled = false; dropdown.value = ""; dropdown.classList.remove('selected'); defaultOption.classList.remove('hidden'); }, 200); } }); });