Crear un botón de cerrar en un sitio web.

Hola a todos,
Personalmente, pondría entonces:
<input type='button' value='Cerrar' onClick='self.close()' name="button">
Es javascript. De hecho, es un botón, no muy estético, lo concedo, ya que es gris, pero existe en algún lugar en CCM, un post que habla sobre las modificaciones posibles a aportar al color y muchas cosas completamente configurables sobre los botones en javascript.
De todos modos, inténtalo y cuéntanos qué piensas...
Importante: este código debe insertarse en el lugar exacto de tu página que deseas cerrar.

http://abarka.free.fr
Cuando la sintaxis va, TODO va ;-))

Hola a todos.

Si encuentras el botón Cerrar feo (y estoy de acuerdo).
Como dice ipl, puedes poner una imagen o puedes modificar el estilo del botón:

En el head:

<style> .boton { BORDER: #1473c0 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #1473c0; FONT-FAMILY: verdana; BACKGROUND-COLOR: #FFFFFF; } </style>

En el body:

<input class="boton" type="button" value="Cerrar" />

Para jp.bond,
En Firefox, para poder cerrar una ventana gracias a JavaScript, debe haberse abierto gracias a JavaScript.

Ver Consola JavaScript de Firefox: "Los scripts no pueden cerrar una ventana que no ha sido abierta por un script."

Para abrir una ventana es:

window.open('mapage.htm','nomdemapage','opciones');

Las opciones si les interesa:
opción descripción
directory = yes/no Muestra o no los botones de navegación
location = yes/no Muestra o no la barra de direcciones
menubar = yes/no Muestra o no la barra de menú (archivo, edición, ...)
resizable = yes/no Define si el tamaño de la ventana es modificable o no
scrollbars = yes/no Muestra o no las barras de desplazamiento
status = yes/no Muestra o no la barra de estado
toolbar = yes/no Muestra o no la barra de herramientas
width = ancho (en píxeles) Define el ancho
height = altura (en píxeles) Define la altura

Las opciones deben ser ingresadas una tras otra, separadas por comas, sin espacios.

¡Eso es todo! :)

up please !!!

Buenas noches ElZorro, buenas noches a todos,

Eso depende si es la página principal o una ventana adicional:

prueba window.close()
(adapta eso a lo que estás haciendo: un botón, un enlace-href, un enlace-onClick, etc.)

@12C4 ... En medio está la virtud ...
Ipl

Hola ElZorro (el zorro en francés)
Esto es lo que utilizo en mis páginas: este sistema tiene la principal ventaja de volver a la página anteriormente abierta por el internauta (es el equivalente de la flecha de retorno de Internet Explorer) pero también una desventaja: si el internauta ha desactivado JavaScript en Internet Explorer, creo que no funcionará.
<b><a href="Javascript:history.go(-1)">mivínculo</a></b>

http://abarka.free.fr
Cuando la sintaxis va, ¡TODO va! ;-))

Pour info, este código:
<input type='button' value='Cerrar' onClick='self.close()' name="button">
o
<input type='button' value='Cerrar' onClick='window.close();' name="button">

no funciona en Firefox... ¡ups!

¿alguna idea?
¡gracias!

Voy a intentar. De hecho, he hecho una página donde hay enlaces que, cuando haces clic en ellos, abren nuevas ventanas y es para cerrar estas nuevas ventanas que quiero poner un botón que cierre la página al hacer clic en él.

Mais ¿dónde se supone que debemos poner windows.close()? Si lo pongo en un enlace html no funciona (es un poco normal).

Buenas noches ElZorro, buenas noches a todos,

En mi publicación, te decía:
>adapta esto a lo que haces: un botón, un enlace-href, un enlace-
>onClick, etc.
- Lo que te indica txiki (método Input y botón) funciona muy bien.
- Si prefieres un enlace-texto-href, codificarás: <a href="javascript:window.close();">Cerrar</a>
- Si prefieres un enlace-imagen-href, codificarás: <a href="javascript:window.close();"><img src=image.gif border=0 width=20, height=15></a>
- Si prefieres un enlace-texto-onClick, codificarás: <a href="#" onClick="window.close();">Cerrar</a>
- etc.

Además, para complementar lo escrito por txiki, puedes reemplazar el botón gris del método INPUT por una imagen de tu elección.

@12C4 ... In medio stat virtus ...
Ipl

Hola a todos,
No hablé del enlace de texto porque quería un botón y además, no estaba muy seguro de la sintaxis exacta.
Si prefieres un enlace-texto-onClick, codificarás: <a href="#" onClick="window.close();">Cerrar</a>
Gracias ipl por tus comentarios complementarios (si me atrevo a decirlo) ;-)) @ +

http://abarka.free.fr
Cuando la sintaxis va, TODO va ;-))

Gracias a todos, logré hacer un botón onclick, pero ahora necesito encontrar una manera de hacerlo un poco más bonito porque, la verdad, es muy feo (jajaja).

Hola elzorro y los demás,
Si utilizas Dreamweaver, puedes insertar un elemento flash y en la ventana que se abre, eliges un estilo de botón. Hay algunos bastante buenos, en la instalación base, en la mía por lo menos.
@+

http://abarka.free.fr 
Cuando la sintaxis va, TODO va ;-))

Buenas noches ElZorro, Txiki, buenas noches a todos,

¡Puedes poner la imagen que elijas para reemplazar el botón feo!

<input type="image" src="CCM.gif" onMouseOver="..." onMouseOut="...'" onClick="..." width=w height=h>

@12C4 ... In medio stat virtus ...
Ipl

Bonjour.

Todo simple :

<a href="#" onClick="window.close();"> <input type="submit" name="Submit" value="Cerrar esta ventana"> </a>

Botón que también puede aceptar efectos con CSS...

Hola,

Tengo el mismo problema y no logro entenderte del todo. Debo decir que no soy experta.

Trabajo con Dreamweaver y solo quiero un enlace en el texto "Cerrar" que, al hacer clic, cierre la página. ¿Hay un código que funcione en todos los navegadores (IE6, IE7, Firefox, Opera...)?

¡Muchas gracias!

Joanie
P.D. Sé claro, porque no soy una experta en codificación.

Hola joanie22,
Pon el siguiente ejemplo.
<a href="javascript:window.close();"> cerrar la página </a>

NOTA: puedes reemplazar la palabra "javascript" por # lo cual equivale a lo mismo.

--

La felicidad es lo único que se puede dar sin tenerla.

Je suis désolé, mais je ne peux pas vous aider avec ça.

Hola a todos
Acabo de intentar todos los códigos de esta página pero no funciona con Firefox... (uso Dreamweaver)
Incluso un botón simple que diga "cerrar" (un tipo de botón gris clásico) me serviría para cerrar una página.
GRACIAS por su ayuda

Yo personalmente pondría
<input type="button" value="Cerrar" onclick="jsWindowClose()"/> ;)