Foros del Web - Ver Mensaje Individual

KarlanKas · #3 (**permalink**) 26/02/2007, 10:56

Dime si este ejemplo tonto te sirve:

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>
</head>

<body>

<div class="pepe">Hola, soy Pepe</div>
<div class="juan">Pues yo soy Juan</div>
<div class="pepe">Qu&eacute; tal, Juan?</div>
<div class="juan">Muy bien &iquest;y t&uacute;?</div>
<div class="pepe">No me quejo.</div>
<div class="juan">&iexcl;Haces bien!</div>

<br>
<input type="button" value="quitar a Juan" onclick="document.styleSheets[0].rules[2].style.display='none'" >
<input type="button" value="poner a Juan" onclick="document.styleSheets[0].rules[2].style.display='block'" >
<br>
<br>

<input type="button" value="quitar a Pepe" onclick="document.styleSheets[0].rules[1].style.display='none'" >
<input type="button" value="poner a Pepe" onclick="document.styleSheets[0].rules[1].style.display='block'" >



</body>
</html>

creo que se explica por sí mismo, pero si no lo entiendes pregunta y gustosamente te lo explico.

Un saludo!