Archivo | Diagramación de sitios RSS feed for this section

Modificar el tamaño de letra con javascript

19 Oct

Estaba tratando de agregarle a Joomla un componente para agrandar y achicar el tamaño de letra. Si bien hay varios, ninguno funcionaba correctamente. Encontré entonces un script que funciona super bien, y que funciona para cuando tenemos los tamaños de letra en px (que es lo que uso habitualmente).

El script es el siguiente:

var min=8;
var max=18;
function increaseFontSize() {

   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {

      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {

         var s = 12;
      }
      if(s!=max) {

         s += 1;
      }
      p[i].style.fontSize = s+"px"

   }
}
function decreaseFontSize() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {

      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {

         var s = 12;
      }
      if(s!=min) {

         s -= 1;
      }
      p[i].style.fontSize = s+"px"

   }
}
Y se usa, así:
<a href="javascript:decreaseFontSize();">-</a> 
<a href="javascript:increaseFontSize();">+</a>
(Tomado de: http://www.white-hat-web-design.co.uk/blog/controlling-font-size-with-javascript/)

Mostrar PDF embebido en HTML

2 Ago

Puede mostrarse un PDF embebido dentro de un HTML con el siguiente código:

<html>
<body>
<embed src=”manual.pdf” width=”500″ height=”375″>
</body>
</html>

Por otro lado, si no queremos que el PDF se pueda guardar, podemos deshabilitar la barra de herramientas, de esta forma:

<html>
<body>
<embed src=”manual.pdf#toolbar=0″ width=”500″ height=”375″>
</body>
</html>

(agregando #toolbar=0).

2 Cosas Útiles

3 Dic

1. Para evitar que los buscadores encuentren nuestro sitio web (ejemplo, si tenemos uno que está en desarrollo en un servidor provisorio):

a. A todas las páginas, agregar el siguiente META-TAG:

<META NAME=”ROBOTS” CONTENT=”NOINDEX, NOFOLLOW”>

b. Se puede tener un archivo robots.txt en la raíz del sitio, de manera que los buscadores en principio no indexen. El archivo puede tener algo del estilo:

User-agent: *
Disallow: /midirectorio

(User-agent es el buscador, podríamos especificar para distintos buscadores hacer distintas cosas)

Disallow /midirectorio hace que el buscador no indexe ese directorio.

2. Para que en nuestro sitio web no se vean los contenidos de los directorios (por ejemplo, si tenemos un directorio /images, que no vaya alguien y pueda ver todos los archivos que tenemos allí listados). Si bien se puede poner un index.html en los directorios que no queramos que vean, para ahorrar este trabajo que puede ser un poco tedioso, puede agregarse la siguiente línea al archivo .htaccess (que tiene que estar en la raíz de nuestro servidor):

Options -Indexes

Marquesina con stop

3 Nov

Bueno, para un sitio de compra venta de propiedades, necesitabamos hacer un banner que fuera pasando las propiedades de abajo hacia arriba. Lo que utilizamos para eso fue una marquesina:

<marquee behavior=”scroll” direction=”up” scrolldelay=”100″ scrollamount=”2″ onMouseover=”this.scrollAmount=0″ onMouseout=”this.scrollAmount=2″ height=”300px”>

</marquee>

Lo interesante, es que además a la marquesina le agregamos código Javascript en el Mouseover y en el Mouseout, de manera de que al parar el mouse sobre la propiedad, ésta se queda quieta para que el usuario pueda leer tranquilo y si quiere visitar el link por más datos.

 

Imágenes que no se ven en IE

4 Jun

Erne descubrió una cosa muy interesante: cuando las imágenes están en CMYK no se ven en IE. Sí se ven por ejemplo en Mozilla. Es algo para enloquecer a cualquiera :P.

Capturar imágenes de Video

6 Abr

Habrán notado que no se puede hacer un imprimir pantalla de un video que esté corriendo por ejemplo en el Windows Media y guardar la imágen. Hay sin embargo una forma de hacer exactamente esto, sin complicar mucho: basta con hacer “CTRL + i” en el frame que quedamos guardar. Eso hace que se abra una pantalla de guardar, que nos permite guardar una imagen en JPG. Gracias Gonza.

Testeo de Paypal

3 Abr

Para testear los botones buy now o carritos de paypal, hay que cambiar en los botones el <form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post”> por <form action=”https://www.sandbox.paypal.com/cgi-bin/webscr&#8221; method=”post”>, con lo cual, usamos el Sandbox de Paypal.

Por otro lado, es una buena idea crearse un usuario, que permite realizar compras y ver cómo sería el proceso completo de parte de los posibles compradores. Ese usuario puede crearse en: https://developer.paypal.com

A %d blogueros les gusta esto: