La sesión de la práctica 3 trataba de crear un estilo css
más para poder jugar con ambos estilos.
Una vez hecho esto, creamos dos botones en nuestra página web, los cuales, tendrán la función de intercambiar los dos estilos existentes según queramos. ¿Cómo hemos hecho esto?
Para hacer esta operación debemos añadir en nuestro index.html un identificador link que nos relaciona nuestro estilo original con el que debe cargar la página, en mi caso sería: <link href="final.css" rel="stylesheet" type="text/css" id="estilo">.
La función de cambiar los estilos se realiza a través de los Script de Java.
Creamos una variable llamada estilo_actual para almacenar el estilo que esta seleccionada en la página, por defecto el estilo original que es el valor 0.
Creamos la función cambio (estilo), la función se encarga de comprobar si el estilo que ha seleccionado el usuario esta ya activo. Si está activo muestra un alert diciendo que ya está activo el estilo, si no eta activo, activo el estilo seleccionado y guarda en la variables estilo_actual el valor del estilo seleccionado.
Una vez hecho esto, creamos dos botones en nuestra página web, los cuales, tendrán la función de intercambiar los dos estilos existentes según queramos. ¿Cómo hemos hecho esto?
Para hacer esta operación debemos añadir en nuestro index.html un identificador link que nos relaciona nuestro estilo original con el que debe cargar la página, en mi caso sería: <link href="final.css" rel="stylesheet" type="text/css" id="estilo">.
La función de cambiar los estilos se realiza a través de los Script de Java.
Creamos una variable llamada estilo_actual para almacenar el estilo que esta seleccionada en la página, por defecto el estilo original que es el valor 0.
Creamos la función cambio (estilo), la función se encarga de comprobar si el estilo que ha seleccionado el usuario esta ya activo. Si está activo muestra un alert diciendo que ya está activo el estilo, si no eta activo, activo el estilo seleccionado y guarda en la variables estilo_actual el valor del estilo seleccionado.
Comentarios
Publicar un comentario