Foros del Web » Programando para Internet » Javascript »

¿Como cerrar una ventana en javascript?

Estas en el tema de ¿Como cerrar una ventana en javascript? en el foro de Javascript en Foros del Web. Hola a Todos: Tengo un problemilla pa cerrar una ventana. Pero no es una ventana del explorer, sino un popup que deberia cerrarse al pinchar ...
  #1 (permalink)  
Antiguo 02/03/2005, 09:33
 
Fecha de Ingreso: marzo-2005
Mensajes: 1
Antigüedad: 19 años, 2 meses
Puntos: 0
¿Como cerrar una ventana en javascript?

Hola a Todos:
Tengo un problemilla pa cerrar una ventana. Pero no es una ventana del explorer, sino un popup que deberia cerrarse al pinchar en la esquina superior derecha deode pone: [CERRAR]
El codigo que uso para cerrar es: <a href="javascript:closeit()"><font face="Arial" size="1">[CERRAR]</font></a> , pero se enlaza con una pagina inexistente, como si javascript:closeit() fuese una pagina.
He probado con otras opciones sin el resultado esperado, como:
1) <a href="javascript:window.close();">CERRAR POPUP </a>

2) <input type=button value="Cerrar ventana secundaria" onclick="cerrarVentana()">

3) <input type=button value="Cerrar" onclick="cerrarse()">

Soy un principiante en javascript, espero puedan ayudarme en mis comienzos.
Aqui os dejo el codigo entero.
Gracias por adelantado.

<!-- POSTIT -->
<html><head>

<style>
<!--
#postit{
position:absolute;
width:250;
padding:5px;
background-color:yellow;
border:1px solid black;
visibility:hidden;
z-index:500;
cursor:hand;
}
-->
</style>

</head>


<body>
Con el botón derecho del ratón puedes arrastrar el POSTIT donde quieras para que no moleste.

<div id="postit" style="left:150px;top:150px">
<div align="right"><b> <a href="javascript:closeit()"><font face="Arial" size="1">[CERRAR]</font></a> </b></div>

<!-- INSERTA EL CONTENIDO AQUÍ -->

<b>AVISO</b><br>
<p><font size="2" face="Arial"><a href="http://www.lawebdelprogramador.com" target="_BLANK"><font face="Verdana" size="1">Entra en La Web del Programador</font><br>
</a><br>Esto es un solo ejemplo. Un aviso para que la gente que entra en la web lo vea, y que una vez visto lo pueda cerrar sin problemas.<p><strong>Aqui dentro puedes utilizar</strong> <font color="#FF0000">todos los codigos html que quieras, </font><font size="3">para confeccionar el aviso o noticia.</font></p>

<!-- FIN DEL CONTENIDO -->

</div>

<script>

var once_per_browser=0

///No modifiques lo que sigue///

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit


function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}

function get_cookie4(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie4.length > 0) {
offset = document.cookie4.indexOf(search)
if (offset != -1) { // if cookie4 exists
offset += search.length
// set index of beginning of value
end = document.cookie4.indexOf(";", offset);
// set index of end of cookie4 value
if (end == -1)
end = document.cookie4.length;
returnvalue=unescape(document.cookie4.substring(of fset, end))
}
}
return returnvalue;
}

function showornot(){
if (get_cookie4('postdisplay')==''){
showit()
document.cookie4="postdisplay=yes"
}
}

function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}

if (once_per_browser)
showornot()
else
showit()

</script>

<script language="JavaScript1.2">

//función arrastrar y soltar para ie4+ y NS6////
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}

function initializedrag(e){
if (ie4&&event.srcElement.id=="postit"||ns6&&e.target .id=="postit"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

</script>

</body></html>
  #2 (permalink)  
Antiguo 02/03/2005, 09:36
 
Fecha de Ingreso: julio-2003
Mensajes: 95
Antigüedad: 20 años, 9 meses
Puntos: 0
has probado con el evento Onclick
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:09.