26/02/2007, 11:04
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 11 meses Puntos: 61 | |
| Re: Modificar clase CSS con JavaScript
Para que sea compatible tb con Firefox he hecho este pequeño cambio:
Código:
<html>
<head>
<title>Untitled</title>
<style>
/* Esta es la primera hoja de estilo de la pagina, luego es la hoja numero 0 */
div{
/*Regla numero 0 */
margin-top:5px;
width:500px;
font:normal 10px/15px verdana;
padding:10px;}
.pepe{
/*Regla numero 1 */
color:red;
display:block;
border:solid 1px #d0d0d0;
background:#ffffcc;
}
.juan{
/*Regla numero 2*/
color:blue;
display:block;
border:solid 1px #d0d0d0;
background:#ccffff;
}
</style>
<script>
cosa=(navigator.appName.indexOf("Microsoft")!=-1)?document.styleSheets[0].rules:document.styleSheets[0].cssRules;
</script>
</head>
<body>
<div class="pepe">Hola, soy Pepe</div>
<div class="juan">Pues yo soy Juan</div>
<div class="pepe">Qué tal, Juan?</div>
<div class="juan">Muy bien ¿y tú?</div>
<div class="pepe">No me quejo.</div>
<div class="juan">¡Haces bien!</div>
<br>
<input type="button" value="quitar a Juan" onclick="cosa[2].style.display='none'" >
<input type="button" value="poner a Juan" onclick="cosa[2].style.display='block'" >
<br>
<br>
<input type="button" value="quitar a Pepe" onclick="cosa[1].style.display='none'" >
<input type="button" value="poner a Pepe" onclick="cosa[1].style.display='block'" >
</body>
</html>
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |