feed twitter facebook LinkedIn facebook

JavaScript » Abrir una ventana que no se pueda redimensionar

noviembre 10, 2009 por Víctor Cuervo 7 Comentarios Imprimir Imprimir

Una de las cosas que podemos hacer con el método .open() de Javascript a la hora de abrir una ventana en Javascript es forzar a que la nueva tenga un tamaño fijo y que además el usuario no pueda redimensionar.

Para ello simplemente tendremos que jugar con los valores de la características asociadas a la ventana.

Pero primero recordemos como es el método .open() del objeto Window:

  1. window.open (url:string,nombreVentana:string,caracteristicas :string)

De las características de la ventana nos centraremos en height y width para darle un tamaño fijo a la vetana y en resizable para que al abrir la ventana, esta no se pueda redimensionar.

En las dos primeras propiedades utilizamos el tamaño en pixeles, mientras que en la segunda utilizaremos el valor false como indicador para no redimensionar.

El código que nos quedará será el siguiente:

  1. window.open("http://www.w3api.com", "nuevo", "width=400,height=400,resizable=false");

Una pequeña línea de código en Javascript que nos puede ser muy útil.

SVG » Dibujar un rectángulo con SVG

marzo 2, 2009 por Víctor Cuervo 2 Comentarios Imprimir Imprimir

Dibujar un rectángulo con SVG es una cosa bastante fácil ya que el rectangulo es una de las figuras estándar del lenguaje SVG. Para ello necesitaremos utilizar la etiqueta RECT

Los dos primeros atributos importantes para nuestro ejemplo son la altura y ancho del rectangulo. Para ello utilizaremos los atributos de la etiqueta RECT: width y height.

  1. <rect width="200" height="100" fill="red"/>

Otra cosa que podemos hacer es la de posicionar el rectangulo dentro del lienzo. Para ello tendremos que definir las coordenadas X,Y del lienzo. El nombre de los atributos es el mismo: X e Y.

  1. <rect x="50" y="50" width="200" height="100""/>

Por último vamos a darle color a la cosa. En este caso, utilizaremos el atributo fill, indicándole el color que queremos usar (rojo en este caso):

  1. <rect fill="red">

Aunque podríamos darle el color mediante un estilo y el atributo style:

  1. <rect style="fill:red;"/>

El código que nos quedaría al final sería algo parecido a lo siguiente:

  1. <rect x="50" y="50" width="200" height="100" fill="red"/>