Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/08/2011, 13:01
Avatar de NUCKLEAR
NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 18 años, 4 meses
Puntos: 890
Respuesta: Enlarge fonts JQuery.

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
  1.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  2.  <script>
  3.  $( function() {
  4. var elementos = $('#bodyContent, #bodyContent *');
  5. aumento = 0;
  6.  
  7. $('#increaseFont').click( function(){
  8. if (aumento < 4){
  9. elementos.css('font-size', '+=1');
  10. aumento++;
  11. }
  12. });
  13.  
  14. $('#decreaseFont').click( function(){
  15. if (aumento > 0){
  16. elementos.css('font-size', '-=1');
  17. aumento--;
  18. }
  19. });
  20.  
  21. });
  22.  
  23. .title{ font-size: 15px;}
  24. .fuentes{font-size: 20px;}
  25.  
  26. </head>
  27.  Tamaño: <a href="#" id="increaseFont">+</a> | <a href="#" id="decreaseFont">-</a>
  28. <div id="bodyContent">
  29. <div class="fuentes">
  30. <h1 class="title">Titulo con un font size</h1>
  31. <p>Parrafos</p>
  32. <h1>Otro encabezado con distinto tamaño de fuente</h1>
  33. Ul li, tables... etc
  34. <p>Otro texto</p>
  35. </div>
  36.  
  37. </div>
  38. *
  39. </body>
  40. </html>

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