Multicss
Publicado por Omar (1 intervención) el 13/04/2010 12:07:31
Hola amigos del foro tengo un mega problema no encuentro que hice mal en mi pagina lo que quiero es que cuando el usuario precione un boton se le cambie el css por favori si alguien me dice por favori en que me equvoque de mi codigo ojala me puedan ayudar gracias.
[HIGHLIGHT="HTML"]
<html>
<head>
<title>Cambiar de Css con un click</title>
<!--Asi se agrega un script de tipo javascript al documento -->
<link rel="stylesheet" type="text/css" id="estilo" href="archivo1.css" />
<link rel="stylesheet" type="text/css" id="estilo" href="archivo2.css" />
<link rel="stylesheet" type="text/css" id="estilo" href="archivo3.css" />
<link rel="stylesheet" type="text/css" id="estilo" href="archivo4.css" />
<script type="text/javascript">
function estilo()
{
document.getElementById('estilo').sref=archivo1.css;
}
</script>
</head>
<body>
<input type="button" value="Cambiar Estilo" onClick="estilo('archivo1.css');">
<input type="button" value="Cambiar Estilo" onClick="estilo('archivo2.css');">
<input type="button" value="Cambiar Estilo" onClick="estilo('archivo3.css');">
<h1>Hola mundo </h1>
<h2>Hola mundo </h2>
<h3>Hola mundo </h3>
</body>
</html>
[/HIGHLIGHT]
[HIGHLIGHT="HTML"]
<html>
<head>
<title>Cambiar de Css con un click</title>
<!--Asi se agrega un script de tipo javascript al documento -->
<link rel="stylesheet" type="text/css" id="estilo" href="archivo1.css" />
<link rel="stylesheet" type="text/css" id="estilo" href="archivo2.css" />
<link rel="stylesheet" type="text/css" id="estilo" href="archivo3.css" />
<link rel="stylesheet" type="text/css" id="estilo" href="archivo4.css" />
<script type="text/javascript">
function estilo()
{
document.getElementById('estilo').sref=archivo1.css;
}
</script>
</head>
<body>
<input type="button" value="Cambiar Estilo" onClick="estilo('archivo1.css');">
<input type="button" value="Cambiar Estilo" onClick="estilo('archivo2.css');">
<input type="button" value="Cambiar Estilo" onClick="estilo('archivo3.css');">
<h1>Hola mundo </h1>
<h2>Hola mundo </h2>
<h3>Hola mundo </h3>
</body>
</html>
[/HIGHLIGHT]
Valora esta pregunta
0
