Web – Página 3 – Pablo Viale

Publicada el por

Cómo maximizar la ventana del navegador usando javascript

Para maximizar la ventana del navegador utilizando javascript, debes usar el siguiente código:

window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);

¿Dónde colocarlo?

Si quieres que cuando alguien haga clic en un vínculo, la ventana se maximice, entonces colócalo en el hipervínculo, así:

<a href="#" onClick="window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);">Haz clic aquí para maximizar esta ventana</a>

Si quieres abrir un pop-up y que éste se maximice al abrirse, entonces coloca el código en el body de la página del popup, para que se ejecute apenas se abra éste:

<body onLoad="window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);">

Por cierto, si tu página es un frameset, también funciona:

<frameset rows="100,*,100" frameborder="no" border="0" framespacing="0" onLoad="window.moveTo(0,0);window.resizeTo(screen.availWidth, screen.availHeight);">

Publicada el por

Forzar puerto 443 y deshabilitar puerto 80 para uso de un certificado SSL

Cuando compras un Certificado de Seguridad SSL, el sitio web que proteges se accede mediante una dirección como esta:

https://seguro.ejemplo.com

La “s” indica al navegador que se va a utilizar una conexión segura y ésta se hace por medio del puerto 443, el cual es el default para HTTPS/SSL.

Ahora bien, si no configuras nada más en tu Sitio Web y alguien teclea esta dirección:

http://seguro.ejemplo.com

notarás que todavía se puede acceder a tu aplicación, pero se está accediendo sin utilizar la seguridad que provee el certificado, lo cual es incorrecto. Lo más recomendable es indicarle a IIS que force la comunicación segura.

Para esto, abre las propiedades de tu Sitio Web en IIS y en la pestaña Directory Security, bajo el título Secure Communications oprime el botón Edit.

Ahora marca la opción Require Secure Channel (SSL) y marca también la opción Require 128-bit encryption si tu Certificado es de 128 bits.

Listo, ahora si intentas entrar a:

http://seguro.ejemplo.com

verás que el navegador te envía el siguiente error:

The page must be viewed over a secure channel
 The page you are trying to access is secured with Secure Sockets Layer (SSL).
 Please try the following:
 Type https:// at the beginning of the address you are attempting to reach and press ENTER.
 HTTP Error 403.4 - Forbidden: SSL is required to view this resource.
 Internet Information Services (IIS)

Publicada el por · 1 comentario

Como centrar una tabla con hojas de estilos

Antes que nada, esta manera de centrar una tabla dentro de una página ha quedado descontinuada:

<table align="center">

Los navegadores todavía lo soportan, pero la mejor manera de centrar una tabla es con hojas de estilos (CSS).

Te habrás dado cuenta de que si usas el siguiente código:

<div style="text-align:center">
  <table border="1" width="150">
    <tr>
      <td> Hola </td>
    </tr>
  </table>
</div>

la tabla se centra, pero también se centra todo su contenido!

Bueno, la manera de resolver esto es así:

Crea esta definición en tu hoja de estilos:

.TablaPrincipal
{
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}

Y ahora aplícasela a tu tabla:

<table class="TablaPrincipal">
  <tr>
    <td> Hola </td>
  </tr>
</table>

Se centra la tabla con respecto a la página, pero el texto dentro de la tabla no se centra.

¿Por qué?
Si te preguntas por qué ocurre esto, tendrías que referirte a esta sección de la especificación de las hojas de estilo, que dice:

If both ‘margin-left’ and ‘margin-right’ are ‘auto’, their used values are equal. This horizontally centers the element with respect to the edges of the containing block.

En español:

Si ‘margin-left’ y ‘margin-right’ se establecen a ‘auto’, los valores utilizados son iguales. Esto centra horizontalmente el elemento con respecto a los bordes del bloque contenedor.

Publicada el por

Cómo hacer submit de un formulario usando JavaScript

Normalmente harás el submit de un formulario utilizando un botón común y corriente:

<form id="form1" name="form1" method="post" action="ProcesarDatos.aspx">
  <input name="edad" type="text" id="edad" />
  <input type="submit" name="Submit" value="Submit" />
</form>

O quizás lo sepas hacer con una imagen:

<form id="form1" name="form1" method="post" action="ProcesarDatos.aspx">
  <input name="edad" type="text" id="edad" />
  <input type="image" width="20" height="20" name="imageField" src="boton.gif" />
</form>

¿Pero has tratado de hacer el submit con una liga común?

HTML no nos da la opción de hacerlo de manera similar a los ejemplos antes mencionados, pero lo podemos hacer con JavaScript, así:

<form id="form1" name="form1" method="post" action="ProcesarDatos.aspx">
  <input name="edad" type="text" id="edad" />
   <a href="javascript:document.form1.submit()">Submit</a>
</form>

En el ejemplo anterior nota que form1 es el nombre que se le da al formulario, por eso es usado en la instrucción de JavaScript. Si modificas el nombre de tu formulario, asegúrate de modificarlo en el JavaScript. No modifiques document ni submit porque son palabras reservadas del lenguaje.