[SOLUCIONADO] Ocultar y Mostrar Iframe

[Bhrentox]

Hola, quisiera saber como hacer para que un iframe que tengo en una pagina este oculto al momento de que cargue y que al precionar un boton aparesca.

Pense que se podria hacer de esta manera el ocultarlo pero no me funciona alguien que sepa que estoy haciendo mal

<script>
document.getElementById("content_iframe").style.di splay="none";
</script>

<div align="center">
<iframe id="content_iframe" name="frame" marginwidth="0" marginheight="0" frameborder="1" width="25%" height="18%" align="middle"></iframe>

y para mostrarlo tengo esta funcion pero no se si funcione ya que no he logrado ocultar el iframe

<script>

function frame(){
document.getElementById("content_iframe").style.di splay="block";
document.getElementById("emp").style.display="none ";
document.getElementById("nombre").style.display="n one";
document.getElementById("boton1").style.display="n one";
}
</script>

Tambien intente agregar la propieda style display al iframe y lo oculta pero no puedo volver a mostrarlo

ojala me puedan ayudar salu2 y gracias.

[alberto510a]

Hola.
Tienes eso un poco liado, te programo un ejemplo y tu lo haces igual con el tuyo.

Código:

<div id="div_oculto" style="display:none;">
este es mi div oculto
</div>
<button onclick="mostrar_div()">mostrar div oculto</button>

<script>
function mostrar_div(){
	document.getElementById('div_oculto').style.display = "block";
}
</script>

[ggomez91]

Creo que el problema es que estás ejecutando tu script que oculta al inicio y en ese momento no existe aun el frame que quieres ocultar, usa el onload o mejor jquery para que se haga después. Si usas jquery es tan facil como $("#frame").hide() y .show().

[arcanisgk122]

a ver te explico primero:
llamas al JS que tienes preparado para el script:

Código HTML:

<script src="js/execute.js"></script>
 

luego de esto programamos el script:
Creamos una funcion:

Código Javascript:

function mostrardiv1() {
        div = document.getElementById('content_iframe');
        div.style.display ='';
    }
 

luego creamos un div que contenga el iframe(OJO DEBE TENER style="display:none" por defecto)

Código HTML:

<div id="content_iframe" style="display:none">Aqui tu iframe</div>
 

haaaaaaa y el boton para hacer que aparesca:

Código HTML:

<input onClick="javascript:mostrardiv1();" type="button" name="button" id="button" value="Aparece Webon">
 

si quieres hacer que desaparesca puedes poner otro boton que haga esto:

Código Javascript:

div.style.display ='none';
 

a mi me funciona en mi web: http://icarosnet.webege.com/ cuando le picas a registrar

[Bhrentox]

Gracias por sus respuestas me aclararon las ideas y ya quedo solucionado gracias.