0
121
VistasCómo cambiar dinámicamente los temas después de hacer clic en un menú desplegable de temas con vainilla javascript
Estoy usando bootstrap para la interfaz del sitio web que estoy desarrollando. También planeo integrar los temas de Bootswatch en mi sitio. He creado un menú desplegable que contiene los diferentes temas de bootswatch. Mi problema es ¿cómo puedo cambiar de tema cuando hago clic en uno de los temas en el menú desplegable? Tenga en cuenta que quiero hacer esto con JavaScript sin procesar sin ningún marco especial
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Establezca su enlace con una identificación:
<link rel="stylesheet" id="dynamicCSS" type="text/css" href="mystyle1.css" /> Aplique un evento onchange a su lista de selección:
<select id="myDropdownList" onchange="swapCSS()"> <option>mystyle1.css</option> <option>mystyle2.css</option> <option>mystyle3.css</option> </select>Agregue su función Javascript:
const swapCSS = function() { let selection = document.getElementById("myDropdownList").selectedOptions[0]; document.getElementById("dynamicCSS").href = selection.value; }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta