Como cerrar Div (Layer) desde Iframe (HTML) en el DIV (layer)

sergiogmuro · #1 (**permalink**) 26/05/2008, 06:51

Hola chicos.. les comento que tengo un problema con cerrar un div... como en el titulo lo dice... tengo un DIV que tiene inserto un iframe que llama a un HTML y lo que no puedo hacer es cerrar este DIV desde el HTML con un boton del HTML...

Alguien sabe como hacer.. aca les paso los codigos para que los vean...

Contenedor de DIV que tiene el Iframe...

Código PHP:

      function send_email()

{

        var anchofondo = document.body.clientWidth;

    var altofondo = document.body.clientHeight;

    var tamañoanchoform = '400';

    var tamañoaltoform = '455';

    var send_window = '<body>'+

// Codigo para la DIV  \\

    '<div id="Fondo_Email" style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000; filter: alpha(opacity=70);"></div>'+

    '<div id="Form_Email" style="position:absolute; left:'+(anchofondo-tamañoanchoform)/2+'px; top:'+(altofondo-tamañoaltoform)/2+'px; width:'+tamañoanchoform+'; height:'+tamañoaltoform+'; z-index:2; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">'+

    '<div id="Btn_Close" style="position:absolute; left:286px; top:8px; width:83px; height:20px; z-index:2; font-size: 16px; color: #CCCCCC;" ><input type="button" value="Close" onClick="javascript:close_form();"></div>'+

    '<iframe src="/my_wish_list/form_email.php" width='+tamañoanchoform+'; height='+tamañoaltoform+'></iframe>'+

    '</div></div><body>';

        var send_emails = document.createElement('DIV');

        send_emails.style.position = 'absolute';

        send_emails.id = 'Sends'; //ID del Div que contiene el DIV que quiero cerrar... (Ventana Flotante) \\

        send_emails.style.left = '0px';

        send_emails.style.top = '0px';

        send_emails.style.width = anchofondo;

        send_emails.style.height = altofondo;

        //send_emails.style.filter = 'alpha(opacity=50)';

        send_emails.style.zIndex = '1';

        send_emails.innerHTML = send_window;

        document.body.appendChild(send_emails);

}

Boton que llama Funcion Close_Form de form_email.php

Código PHP:

  <a href=javascript:close_form(); class="txt_bold">Close</a>

Funcion Close_Form

Código PHP:

  <script>

function close_form()

{

this.close();

// Llama el ID de DIV (Ventana Flotante) \\

    var form = window.document.getElementById('Sends');

    form.innerHTML ="";

    //document.body.removeChild(form);

}

</script>

Gracias...

sergiogmuro · #2 (**permalink**) 26/05/2008, 08:20

Listo chicos... ya lo solucione.. para todos los que tengan el mismo problema.. llame a una funcion que estaba en el archivo que abria la ventana flotante... lo hice de la siguiente manera...

Código PHP:

  <a href=javascript:parent.close_form(); class="txt_bold">Close</a>