Foros del Web » Programando para Internet » Javascript »

Comando similar a presionar ctrl++

Estas en el tema de Comando similar a presionar ctrl++ en el foro de Javascript en Foros del Web. Buenas, cuando en un explorador como mozilla por ejemplo, nos aparece una página más grande o pequeña de lo normal podemos darle a cnrtl++ o ...
  #1 (permalink)  
Antiguo 06/08/2010, 07:43
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Comando similar a presionar ctrl++

Buenas, cuando en un explorador como mozilla por ejemplo, nos aparece una página más grande o pequeña de lo normal podemos darle a cnrtl++ o -- para ampliar o reducir lo que estamos viendo

Yo quiero hacer algo similar, poniendo un botón + y otro - para que la gente si lo pulsa se dimensione el contenido a mayor o menos, según lo pulsado

He visto que existe un comando llamado RESIZE, pero tienes que darle el nuevo tamaño, entonces si no se el tamaño actual como voy a darle otro

Alguna forma de saber el tamaño actual?? o alguna forma de hacer la función del cntrl++??

graciasss
  #2 (permalink)  
Antiguo 06/08/2010, 08:12
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años
Puntos: 126
Respuesta: Comando similar a presionar ctrl++

Hola

Deja que @JavierB te diga como se hace

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 06/08/2010, 08:58
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Si no me equivoco en ese ejemplo lo que se hace es cambiar la fuente, yo lo que quiero es que se cambie el tamaño completo de la página

En firefox por ejemplo te pone una opcion para solo ampliar texto, la cual seria esta pero no el contenido de la página...
  #4 (permalink)  
Antiguo 06/08/2010, 10:49
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: Comando similar a presionar ctrl++

tienes que asignar a la fuente unidades relativas, de modo que al cambiar el tamaño desde <body> todo el texto sea afectado.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 06/08/2010, 12:39
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

pero por ejemplo mi página es un HTML creado a partir de un PSD con photoshop, entonces es una tabla dimensionada con imagenes dentro tambien dimensionadas, entonces mi duda es si vario la fuente le afecta a la página??

Cuando lo reduzco con Mozilla sale bien pero haciendo esto no lo se la verdad
  #6 (permalink)  
Antiguo 06/08/2010, 16:52
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: Comando similar a presionar ctrl++

por supuesto, al variar la fuente afectara la pagina. mas especifico, afectara a todos los elementos con unidades relativas. las unidades absolutas se quedaran intactas.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #7 (permalink)  
Antiguo 07/10/2010, 01:40
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Retomo el tema porque vuelvo a trabajar en algo similar.

He intentado mediante javascript coger el style.fontSize de varios elementos pero me devuelve "null" o mejor dicho vacio, y es que yo no he puesto ese atributo en ningún sitio por lo que supongo que mostrará eso.

Lo he probado con el ID de la tabla, también redimensionando las imagenes y la tabla pero al cambiarles de altura y anchura sale cada una por donde quiere

Pero cuando hago control++ y control+- en el navegador me la reduce perfectamente....


Os dejo un trozo de código ya que todo lo anterior que se ha sugerido no me funciona

Código HTML:
Ver original
  1. <table id="Tabla_01" width="1051" height="2001" border="0" cellpadding="0" cellspacing="0" align="center">
  2. <tr>
  3.         <td colspan="5" rowspan="3">
  4.             <img src="productos/productos_02.png" width="472" height="64" alt=""></td>
  5.         <td colspan="2" rowspan="2">
  6.             <img src="productos/productos_03.png" width="94" height="48" alt=""></td>
  7.         <td rowspan="3">
  8.             <img src="productos/productos_04.png" width="17" height="64" alt=""></td>
  9.         <td colspan="4">
  10.             <img src="productos/productos_05.png" width="102" height="47" alt=""></td>
  11.         <td rowspan="4">
  12.             <img src="productos/productos_06.png" width="12" height="154" alt=""></td>
  13.         <td colspan="4" rowspan="2">
  14.             <img src="productos/productos_07.png" width="119" height="48" alt=""></td>
  15.         <td colspan="2" rowspan="6">
  16.             <img src="productos/productos_08.png" width="12" height="369" alt=""></td>
  17.         <td>
  18.             <img src="productos/productos_09.png" width="111" height="47" alt=""></td>
  19.         <td rowspan="10">
  20.             <img src="productos/productos_10.png" width="111" height="753" alt=""></td>
  21.         <td>
  22.             <img src="productos/espacio.gif" width="1" height="47" alt=""></td>
  23.     </tr>
  24. .................
  #8 (permalink)  
Antiguo 07/10/2010, 01:57
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: Comando similar a presionar ctrl++

me sorprende que retomaras el tema. buscando por google encontre este tutorial, espero que te sirva http://mirificampress.com/permalink/...and_javascript

Cita:
He intentado mediante javascript coger el style.fontSize de varios elementos pero me devuelve "null" o mejor dicho vacio,
eso es porque estas leyendo directamente el estilo aplicado desde el atributo style de un elemento. para obtener dicha informacion tienes que leer el estilo computado. para ello usa la funcion getComputedStyle. ahora bien, en iexplorer dicha funcion no existe pero su equivalente es la propiedad currentStyle.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #9 (permalink)  
Antiguo 07/10/2010, 02:50
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Perfecto, no encontre nada de eso, solo encontré donde ponia la otra forma de hacerlo que a mi no me valia

Lo he hecho así pero la página no me cambia...
Código Javascript:
Ver original
  1. if(navigator.appName=='Netscape')
  2. {  
  3.  var elem1 = document.getElementById("Tabla_01");  
  4.  var style = window.getComputedStyle(elem1, null);  
  5.  elem1.style.fontSize='25px' // Lo ago asi porque el elemento style.fontSize no puedo modificarlo
  6.  
  7.  var elem1 = document.getElementById("Tabla_01");  
  8.  var style = window.getComputedStyle(elem1, null);  
  9.  alert(style.fontSize); // Me muestra 25px que es el valor que le puse antes pero la página no cambia
  10. }

Una pregunta sobre los navegadores, IE usa currentStyle, MOZILLA e CHROME usan la otra, para windows son los navegadores que se suelen usar. Pero para Safari cual de las 2 se usa? O solo IE explorer usa una distinta y para todas las demás se usa getComputedStyle? Lo normal seria probarlo pero no tengo MAC jeje
  #10 (permalink)  
Antiguo 07/10/2010, 03:13
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: Comando similar a presionar ctrl++

me pregunto si fuistes capaz de leer el artículo del enlace. de todos modos, las propiedades del objeto devuelto por getComputedStyle son solo de lectura. si intentas asignar un valor, se genera el error DOM Exception 7 (NO_MODIFICATION_ALLOWED_ERR). tienes que asignar el valor desde el objeto style del elemento en cuestion.

Cita:
Pero para Safari cual de las 2 se usa? O solo IE explorer usa una distinta y para todas las demás se usa getComputedStyle? Lo normal seria probarlo pero no tengo MAC
el sistema operativo no deveria importar. lo importante es el soporte de DOM del motor del navegador. en el caso de safari deberia funcionar igual que chrome puesto que ambos motores son los mismos, appleWebkit (KHTML like Gecko).
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #11 (permalink)  
Antiguo 07/10/2010, 08:22
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Pero en el ejemplo que he puesto arriba lo modifico en el objeto, en este caso la tabla, y la página no hace nada, lo aplico bien?
  #12 (permalink)  
Antiguo 07/10/2010, 09:00
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: Comando similar a presionar ctrl++

razon llevas, me confundio al leer la variable style. al menos en esa porcion, no veo nada fuera de lugar. sugiero que: revices la consola de error del navegador en particular para determinar si se reporta algun error, o que subas el documento a un hosting e indiques la url. adicional, en que navegador no te funciona. por otro lado, yo no verificaria el navegador por nombre de aplicacion, sino por compatibilidad de funcionalidades. por ejemplo, un condicional que determine si una funcion estandar existe, digamos getComputedStyle.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #13 (permalink)  
Antiguo 07/10/2010, 09:08
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Lo he comprobado en mozilla y chrome, lo de Ie no lo tengo hecho todavia hasta que no acabe con esto, pues en el ALERT ultimo me muestra 25px que es lo que le he puesto al elemento un poco antes
  #14 (permalink)  
Antiguo 20/10/2010, 05:05
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Sigo dandole vueltas al tema pero no hay forma. No veo ningun error en el código no se como puedo hacerlo...

Puede ser que no funcione porque en la tabla tengo en los elementos definidos la anchura y altura??

Código Javascript:
Ver original
  1. if(navigator.appName=='Netscape')
  2.  
  3.       {  
  4.    
  5.        var elem1 = document.getElementById("Tabla_01");  
  6.    
  7.        var style = window.getComputedStyle(elem1, null);  
  8.  
  9. alert(elem1.style.fontSize) // No muestra nada
  10.    
  11.        elem1.style.fontSize='25px' // Lo ago asi porque el elemento style.fontSize no puedo modificarlo
  12.  
  13.        var elem1 = document.getElementById("Tabla_01");  
  14.  
  15.        var style = window.getComputedStyle(elem1, null);  
  16.  
  17.        alert(style.fontSize); // Me muestra 25px que es el valor que le puse antes pero la página no cambia
  18.  
  19.       }

Última edición por gspablo; 20/10/2010 a las 06:24
  #15 (permalink)  
Antiguo 25/10/2010, 07:39
 
Fecha de Ingreso: octubre-2009
Mensajes: 223
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Comando similar a presionar ctrl++

Estoy viendo los atributos posibles de javascript para ello pero ninguno hace lo que quiero conseguir.

Nadie sabe como podria hacer como cuando se pulsa crntrrl++ y control+-??

He probado estas formas:

- En la etiqueta body creo id='body', luego por javascript hago un getElementById.style.fontSize, lo hace correcto pero la página no se modifica
- Lo he intentado mediante "parseInt(obj.style.fontSize)" incrementando por porcentaje, los porcentajes se muestran por alert correctamente pero la página sigue igual
- Vi otra forma pero no la entiendo muy bien "parent.parent.document.body.style.zoom" y ese valor lo multiplico por 1.4
- Mediante getComputedStyle, cojo los datos en esta funcion y lo aplico en un elemento, en este caso body, pero nada de nada...

Si lo hago mediante el explorador si funciona, asi que supongo que se podrá hacer...

Última edición por gspablo; 25/10/2010 a las 08:02

Etiquetas: comando, ctrl, presionar, similar
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 10:23.