solucionado de esta manera
en el archivo index.html se crea el el boton que genera la ventana modal boxy
y creamos la funcion que hara ese proceso asi como el cierre de la ventana desde el
iframe
Código:
<head>
</head>
<body>
<input name="add" value="crear box" type="button" onclick='crear_modal()' />
<-- aqui se crea el div que se invocara y dentro de ella un iframe-->
<div id='foobar' style='display: none; background-color: green; color:
white; font-size: 30px; color: white; padding: 15px; height: 400px;
width: 400px;'>
<iframe name="ifrupload" width="400px" scrolling="No" height="200px"
marginheight="0" frameborder="0" marginwidth="0" src="form.html" ></
iframe>
</div>
</body>
en el head
Código:
function crear_modal()
{
//#foobar es el div contenedor que tiene el iframe
new Boxy(jQuery('#foobar'),{title: "modal add", modal: false,
closeable: true, closeText: "cerrar"});
}
//esta función sera invocada desde el iframe para cerrar la ventana boxy
function cerrar_remoto()
{
var self = document.getElementById('foobar');
Boxy.get(self).hide();
}
en el archivo form.html
Código:
<body>
<form name="formulario" method="post" action="">
Registro
<input name="" type="text" />
<label>
<input type="submit" name="button" id="button" value="Submit" />
</label>
<input type="button" value="cerrar_final_add" id="txcerrarUno"
onclick='self.parent.cerrar_remoto()' />//este boton llamara la funcion que esta en index.html para cerrar la ventana
modal boxy
</form>
</body>
y listo me ha funcionado excelente
saludos!!1