Controlar un div desde un iframe (el div esta fuera del iframe)

[saymon]

Hola a todos,

Les abradeceria una ayudita en el siguiente problema que tengo...

Explico, tengo un archivo test1.html que llama a un iframe de la siguiente manera:

Código HTML:

<div id="slide_up"><iframe id="su_frame" src="test2.html" width="300" height="300" scrolling="no" frameborder="1" allowtransparency="true" marginheight="0" marginwidth="0"></iframe></div>
 

La pagina que estoy llamando tiene el siguiente codigo:

Código HTML:

function su_close() {
    alert("just test"); 
    var objSlide = parent.document.getElementById("slide_up");  
    if (objSlide) {
    objSlide.style.visibility = "hidden"; 
    objSlide.style.display = "none"; 
    objSlide.style.width="0px";
    objSlide.style.height="0px";
    }
    StopSnd();                  
}
 
<form>
<input type="button" value="Click me!" onclick="su_close()" />
</form>
 

Lo que busco o trato de buscar con esto es que cuando llame a la funcion su_close, este me desabilite el <div id="slide_up"> que esta en el primer archivo test1.html.

Osea lo que busco es que al darle click a un boton dentro de un iframe me desabilite el div que contiene este mismo iframe.

Asi como lo tengo lo consigo, pero me sucede algo RARISIMO... que me funciona cuando tengo los dos archivos test1.html y test2.html en la misma carpeta, pero cuando muevo el segundo test2.html me deja de funcionar (claro esta que hago la referencia correcta al archivo [src="../test2.html" por ejemplo si lo saco de la carpeta donde esta el test1.html])

Alguno tiene una idea de como hacer funcionar esto ? les agradesco un monton cualquier ayuda.

Saludos