Foros del Web » Programando para Internet » Javascript »

(Consulta) Zoom de text +/- a un div o <p> específico.?

Estas en el tema de (Consulta) Zoom de text +/- a un div o <p> específico.? en el foro de Javascript en Foros del Web. Hola, Necesito saber si existe algun script para hacer zoom al texto? saludos....
  #1 (permalink)  
Antiguo 16/06/2009, 16:00
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 1 mes
Puntos: 21
(Consulta) Zoom de text +/- a un div o <p> específico.?

Hola,

Necesito saber si existe algun script para hacer zoom al texto?

saludos.
  #2 (permalink)  
Antiguo 17/06/2009, 07:15
Avatar de Legoltaz  
Fecha de Ingreso: agosto-2008
Mensajes: 325
Antigüedad: 15 años, 8 meses
Puntos: 6
Respuesta: (Consulta) Zoom de text +/- a un div o <p> específico.?

Código JavaScript:
Ver original
  1. function zoom(elem,tipoZoom,size)
  2. {
  3. var el = document.getElementById(elem);
  4. var tipo = tipoZoom;
  5. if(tipo == "mas")
  6. {
  7. el.style.fontSize = size+"px";
  8. return true;
  9. }
  10. else if(tipo == "menos")
  11. {
  12. el.style.fontSize = size+"px";
  13. return true;
  14. }
  15. else
  16. {
  17. return false;
  18. }
  19. }

Luego llamas la función donde quieras:

Código HTML:
Ver original
  1. <div id="id_elemento">blablabla</div>
  2. <input type="button" value="+" onclick="return zoom('id_elemento','mas',20)" /> <input type="button" value="-" onclick="return zoom('id_elemento','menos',10)" />

Última edición por Legoltaz; 17/06/2009 a las 10:34
  #3 (permalink)  
Antiguo 17/06/2009, 15:38
Avatar de pato12  
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 16 años, 7 meses
Puntos: 101
Respuesta: (Consulta) Zoom de text +/- a un div o <p> específico.?

Prueba haci:
Código javascript:
Ver original
  1. <script type="text/javascript">
  2. <!--
  3. function zoom(elem,tipo,size,limit){
  4.     var limit=!limit?(tipo=='+'?50:16):limit;
  5.     var size=!size?1:size;
  6.     var el=document.getElementById(elem);
  7.     var tam=isNaN(parseInt(el.style.fontSize))?16:parseInt(el.style.fontSize);
  8.     tam=tipo=='+'?(tam+parseInt(size)>limit?limit:tam+parseInt(size)):tam-parseInt(size)<limit?limit:tam-parseInt(size);
  9.     el.style.fontSize = tam+"px";
  10. }
  11.  
  12. -->
  13. </script>
  14.       <div id="id_elemento">blablabla</div>
  15.       <input type="button" value="+" onclick="return zoom('id_elemento','+')" /> <input type="button" value="-" onclick="return zoom('id_elemento','-')" />
Suerte
Salu2
__________________
Half Music - www.halfmusic.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:52.