Buenas a todos hace tiempo que no me paso por aqui, pero me han entrado ganas denuevo de volver a crear webs y ya tengo una estructura montada pero ahora mismo tengo un problema aqui os dejo el codigo y explico mas abajo
Lo que quiero hacer es un seleccionador que para cuando yo pique en una cambie a version movil, version para tablet, version para ordenador y version para ordenador en alta definicion. Pero el problema es qe nose porque no funciona
<!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(){
$("select").change(cambiacss)
}
function cambiacss(){
var plantilla =$("select").attr("value");
$("plantilla").html('<link rel=Stylesheet href="css/'+plantilla+'.css" type="text/css">')
}
</script>
<link rel=Stylesheet href="css/base.css" type="text/css">
<plantilla>
</pantilla>
</head>
<body>
<select name="plantilla">
<option value="">Selecciona una plantilla</option>
<option value="pc1">Plantilla para ordenador</option>
<option value="pchd">Plantilla alta definición</option>
<option value="movil">Plantilla para telefono movil</option>
<option value="tablet">Plantilla para tableta digital</option>
</select>
<hr>
<div id="contenedor">
<header>
<div id="titulo">
<div id="logo">
</div>
<h1><sup>CLAN</sup>TempestadESP</h1>
<h2>Página web dedicada a los hobbys favoritos nuestros de las pantallas</h2>
</div>
<nav>
<ul>
<li>
<a href="index.html">Inicio</a>
</li>
<li>
<a href="formulario.html">Foro</a>
</li>
<li>
<a href="biografia.html">Biografia</a>
</li>
<li>
<a href="contacto.html">Contacto</a>
</li>
</ul>
</nav>Lo que quiero hacer es un seleccionador que para cuando yo pique en una cambie a version movil, version para tablet, version para ordenador y version para ordenador en alta definicion. Pero el problema es qe nose porque no funciona