[SOLUCIONADO] Problema con JQuery al llamar al CSS

TibicenasDesign · #1 (**permalink**) 20/11/2013, 11:23

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.

Carlangueitor · #2 (**permalink**) 20/11/2013, 19:41

No te inventes elementos html.

TibicenasDesign · #3 (**permalink**) 21/11/2013, 02:23

Cita:

Iniciado por Carlangueitor

No te inventes elementos html.

Yo solo he seguido los pasos del tutorial, y según el tipo con HTML 5 puedes crear tus propios tag, de ahí lo de

Código:

<plantilla> </plantilla>

A mi también me pareció raro y seguramente sabre mil veces menos que tu ( por eso estaba haciendo el tutorial xD)

Carlangueitor · #4 (**permalink**) 21/11/2013, 02:33

Pues eso está mal, checa esto a ver si te da una pista:

https://developer.mozilla.org/en-US/...nt.styleSheets
http://davidwalsh.name/add-rules-stylesheets
http://docs.webplatform.org/wiki/tut...ith_JavaScript

Saludos

jocarsa · #5 (**permalink**) 03/02/2014, 12:49

Hola!

Una de las características de HTML es que puedes crear nuevos elementos HTML si ello te conviene. No serán elementos estandar, pero hay ocasiones en que las necesidades de la programación así lo requieren, que para eso HTML es un lenguaje de marcado, no de programación.
En cuanto al error que obtienes, es porque el curso esta grabado con la versión 1.8 de jQuery, en la que podías llamar al value de un select usando .attr("value").
Sin embargo, en las ultimas versiones de jQuery, ese acto se realiza usando .val().
Por tanto, o bien usas la misma versión de jQuery que se usa en el curso, o bien actualizas el metodo a $("select").val()