Foros del Web - Ver Mensaje Individual

NUCKLEAR · #3 (**permalink**) 01/08/2011, 13:01

Hola Dany_s gracias por tu ayuda, el tema es que necesito distinguir cada etiqueta individualmente, que esta dentro de #bodyContent, si no lo hago, como te digo me toma el valor del elemento anterior... Mira este ejempo para que lo veas mas claro.

Código HTML:

Ver original<html>
<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 <script>
 $( function() {
var elementos = $('#bodyContent, #bodyContent *');
aumento = 0;
 
$('#increaseFont').click( function(){
if (aumento < 4){
elementos.css('font-size', '+=1');
aumento++;
}
 });
 
$('#decreaseFont').click( function(){
if (aumento > 0){
elementos.css('font-size', '-=1');
aumento--;
}
});
 
});
</script>
<style>
 
.title{ font-size: 15px;}
.fuentes{font-size: 20px;}
 
</style>
</head>
<body>
 Tamaño: <a href="#" id="increaseFont">+</a> | <a href="#" id="decreaseFont">-</a>
<div id="bodyContent">
<div class="fuentes">
<h1 class="title">Titulo con un font size</h1>
<p>Parrafos</p>
<h1>Otro encabezado con distinto tamaño de fuente</h1>
Ul li, tables... etc
<p>Otro texto</p>
</div>
 
</div>
*
</body>
</html>

Saludos, y gracias por tu ayuda. Seria algo realmente util si se lograse hacer.