Ventana emergente en boton de form

Abrir una ventana emergente al pulsar el boton submit de un formulario html.

<form action="blablá" method="post" target="ventanita" onsubmit="ventanita=window.open('','ventanita','wi dth=300,height=300')">

Propiedades de window.open

Syntax

window.open(URL,name,specs,replace)

Parameter	Description
URL	Optional. Specifies the URL of the page to open. If no URL is specified, a new window with about:blank is opened
name	Optional. Specifies the target attribute or the name of the window. The following values are supported: _blank - URL is loaded into a new window. This is default _parent - URL is loaded into the parent frame _self - URL replaces the current page _top - URL replaces any framesets that may be loaded name - The name of the window
specs	Optional. A comma-separated list of items. The following values are supported: channelmode=yes|no|1|0 Whether or not to display the window in theater mode. Default is no. IE only directories=yes|no|1|0 Whether or not to add directory buttons. Default is yes. IE only fullscreen=yes|no|1|0 Whether or not to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode. IE only height=pixels The height of the window. Min. value is 100 left=pixels The left position of the window location=yes|no|1|0 Whether or not to display the address field. Default is yes menubar=yes|no|1|0 Whether or not to display the menu bar. Default is yes resizable=yes|no|1|0 Whether or not the window is resizable. Default is yes scrollbars=yes|no|1|0 Whether or not to display scroll bars. Default is yes status=yes|no|1|0 Whether or not to add a status bar. Default is yes titlebar=yes|no|1|0 Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box. Default is yes toolbar=yes|no|1|0 Whether or not to display the browser toolbar. Default is yes top=pixels The top position of the window. IE only width=pixels The width of the window. Min. value is 100
replace	Optional.Specifies whether the URL creates a new entry or replaces the current entry in the history list. The following values are supported: true - URL replaces the current document in the history list false - URL creates a new entry in the history list

Meta tags en HTML

Para "refrescar" una página o redirigirla a otra, transcurrido un cierto tiempo:

<meta http-equiv="refresh" content="20;URL=./indice.htm" >
El tipo es http-equiv="refresh", en content le decimos el número de segundos (si indicamos CERO será inmediato) y a continuación indicamos la página a la que debe dirigirse, para ello usamos URL=nombre de la página.
En este ejemplo, se cargará la página indice.htm que esté en el directorio actual transcurridos 20 segundos.

Las palabras claves que los "robots" usarán:

<meta name="Keywords" content="las palabras separadas por comas" >
Este tag lo usarán los "robots" enviados por los buscadores y se usará para indicar las palabras claves relacionadas con la página en cuestión.

La descripción de la página:

<meta name="Description" content="descripción de la página" >
Este tag lo usan los buscadores para dar una descripción del contenido de la página.

Si los "Robots" deben tener en cuenta esta página o no:

<meta name="Robots" content="ver los valores" >
El valor de content puede ser:
all para que el robot tenga en cuenta esta página y pueda seguir los links contenidos en la misma (este es el valor predeterminado)
noindex para que no la tenga en cuenta.
none que es lo mismo que noindex, nofollow
index para que la tenga en cuenta
follow para que pueda seguir los links que haya en la página
nofollow lo contrario de follow.
Si quieres saber más sobre el tema este de los robots, mira lo que cuento sobre el fichero robots.txt.

La fecha en la que expira una página:

<meta http-equiv="expires" content="fecha en formato GMT" >
La fecha en la que dicha página expira y por tanto el navegador "refrescará" el contenido después de esa fecha. El formato de la fecha es algo como: Sat, 16 Nov 2002 16:05:00 GMT, también se puede indicar un CERO para que expire inmediatamente.
En el caso de que el valor de content sea -1, no se guardará en el caché, e teoría lo mismo que si fuese 0.
Si se usan páginas ASP, se puede usar también: Response.Expires = -1

Para que no se guarde la página en el caché:

<meta http-equiv="Pragma" content="no-cache" >
Esto le indica al navegador que no guarde la página en el caché.
Este meta-tag no es válido para el Internet Explorer y según la Knowledge Base, es preferible usar el método indicado arriba, es decir usar "expires" y en content -1:
<meta http-equiv="expires" content="-1" >
A ver si es cierto... ya que esto es el que yo necesito para evitar los problemillas que algunas veces me contáis de que no se ve la página correcta...

Evitar que una página se muestre dentro de un frame:

<meta http-equiv="Window-target" content="_top" >
En Content podemos usar:
_top para indicar que se muestre en la página completa, no dentro de un frame,
_blank para que se muestre en una nueva ventana

Esconder URL en la barra de direcciones

Para esconder la verdadera url en la barra de direcciones solo basta con agregar el siguiente código en nuestra página.

Lo que está en rojo es lo verdaderamente importante.

 

 

<html>

<head>

<style type="text/css">

html {

overflow: hidden;

}

</style>

</head>

<body>

<iframe name='FRAME1' src='http://www.yahoo.com' width='100%' height='100%' marginheight='0' marginwidth='0' scrolling='auto' frameborder='0'>

<p>Your browser does not support iframes.</p>

</iframe>

</body>

</html>