Buenas tardes, estaba realizando un curso que me dejaron.
Y tengo esta parte de código en la que:
Mediante un Script de jQuery pretendo llamar a un .css por un desplegable. Esos dos .css a su vez tienen una línea de código para cambiar el color de fondo, de esa manera compruebo que todo esté bien
Código:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(inicio)
function inicio(){
/* alert("Si leesto la llamada al script a funcionado correctamente"); ###*/
$("select").change(cambiacss)
}
function cambiacss(){
var plantilla =$("select").attr("value");
$("plantilla").html('<link rel=Stylesheet href="css/'+plantilla+'.css" type="text/css">')
}
</script>
<!---------------------------Siguiente línea llama al CSS por primera vez---->
<link rel=Stylesheet href="css/style.css" type="text/css">
<plantilla>
</plantilla>
</head>
<body>
<select name="plantilla">
<option value="">Selecciona una plantilla</option>
<option value="pc1">Plantilla PC</option>
<option value="pc2">Plantilla PC 2</option>
Código CSS
Código:
body{
background:green;
}
Pues bien, no se que pasa pero no me hace nada
, así que debo de tener algún apartado mal, el comentario era un mensaje de alerta y me decía que todo funcionaba bien, por lo que el error de código debe de encontrarse en este trozo:
Código:
$("select").change(cambiacss)
}
function cambiacss(){
var plantilla =$("select").attr("value");
$("plantilla").html('<link rel=Stylesheet href="css/'+plantilla+'.css" type="text/css">')
}
</script>
<!---------------------------Siguiente línea llama al CSS por primera vez---->
<link rel=Stylesheet href="css/style.css" type="text/css">
<plantilla>
</plantilla>
Muchas gracias de antemano.