Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/08/2013, 00:40
Avatar de lauser
lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 10 años, 10 meses
Puntos: 401
Respuesta: Botón para agrandar o achicar el tamaño del texto

Código PHP:
Ver original
  1. Lo primero será crear tres enlaces que funcionarán como botones para aumentar, disminuir y reiniciar el tamaño de la fuente:
  2.  
  3. <a class=”aumFuente” href=#”>Aumentar</a>
  4. <a class=”disFuente” href=#”>Disminuir</a>
  5. <a class=”reiFuente” href=#”>Reiniciar</a>
  6.  
  7. Lo siguiente será aplicarle el código necesario en el evento click de cada uno de los enlaces:
  8.  
  9. $(document).ready(function(){
  10. // Reiniciar el tamaño de la fuente
  11. var tamOriginal = $(‘html’).css(‘font-size’);
  12. $(.reiFuente”).click(function(){
  13. $(‘html’).css(‘font-size’, tamOriginal);
  14. });
  15. // Incrementar el tamaño de la fuente
  16. $(.aumFuente”).click(function(){
  17. var tamActual = $(‘html’).css(‘font-size’);
  18. var tamActualNum = parseFloat(tamActual, 10);
  19. var nuevaFuente = tamActualNum*1.2;
  20. $(‘html’).css(‘font-size’, nuevaFuente);
  21. return false;
  22. });
  23. // Disminuir el tamaño de la fuente
  24. $(.disFuente”).click(function(){
  25. var tamActual = $(‘html’).css(‘font-size’);
  26. var tamActualNum = parseFloat(currentFontSize, 10);
  27. var nuevaFuente = tamActualNum*0.8;
  28. $(‘html’).css(‘font-size’, nuevaFuente);
  29. return false;
  30. });
  31. });
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-