Скрыть iframe и показать оригинал?

Question

У меня есть 2 изображения, если я нажимаю на первое изображение, оно переходит к методу allwidget(), который генерирует iframe. У меня также есть другое изображение, которое вызывает homepage(), когда я нажимаю на это изображение, iframe должен быть скрыт, и должен отображаться оригинальный пользовательский интерфейс.

Мой код:

function allwidget(url){ 
    var outer= document.getElementById("outer"); 
    outer.innerHTML = "<iframe src="+url+" align='left' height='1060px' width='5760px' scrolling='no' frameborder='0' id='lodex' style='visibility:visible;'></iframe>"; 
} 

function homepage(){ 
    alert("super"); 
    var outer= document.getElementById("lodex").style.display="visible"; 
    if (outer){ 
    var outer= document.getElementById("lodex").style.display="visible"; 
    document.getElementById("lodex").style.display="hidden"; 
    } 
} 

Я пытался много вещей, но не получить решение

Пожалуйста, помогите

Спасибо ...

Answer 1

Почему бы не просто извлекать HTML от элемента outer?

function homepage(){ 
    var outer = document.getElementById("outer"); 
    outer.innerHTML = ""; 
} 

Edit:

Или, если внешний element содержал оригинальный пользовательский интерфейс, вы можете сохранить его перед показом iframe и восстановить его впоследствии:

var originalHTML; 

function allwidget(url){ 
    var outer= document.getElementById("outer"); 
    originalHTML = outer.innerHTML; 
    outer.innerHTML = "<iframe src="+url+" align='left' height='1060px' width='5760px' scrolling='no' frameborder='0' id='lodex' style='visibility:visible;'></iframe>"; 
} 

function homepage(){ 
    var outer = document.getElementById("outer"); 
    outer.innerHTML = originalHTML; 
}