Sustituir imagen en pagina con otro elemento

[bengiss]

Buenos dias,

Actualemente en mi sitio tengo el siguiente elemento:

Código HTML:

 <tr>
              <td colspan="2" align="right" id="area_login"><img src="imagenes/PX/1px_tr.gif" width="30" height="37"></td>
            </tr> 

Lo que quiero hacer es que, cuando el usuario haga click en un link, sustituya la imagen por un elemento <iframe> que ya habia creado, estaba usando el siguiente script que llamaba dentro del atributo onClick del link:

Código:

function showLogin(){
	var iframe = '<iframe id="name_area" style="display:none" allowtransparency="true" align="right" src="" name="zonaweb" scrolling="no" frameborder="0" width="700" height="40">Cargando...</iframe>'
	document.getElementById('area_login').innerHTML = iframe;
}

Pero al hacer click me quita la imagen pero no me muestra nada..

Alguien sabe como solucionar esto? Gracias.

PD: Ah por cierto no puedo utilizar jQuery en la aplicacion :(

[bengiss]

Ops disculpen ya me di cuenta del error:

Quitar

style="display:none"

Del iframe -_-

Saludos!