Cacher une iframe et montrer l'original?

Question

J'ai 2 images si je clique sur la première image, il va à la méthode allwidget(), qui génère un iframe. J'ai aussi une autre image qui appelle homepage(), quand je clique sur cette image, le iframe doit être caché et l'interface utilisateur originale doit être affichée.

Mon code est:

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"; 
    } 
} 

J'ai essayé beaucoup de choses, mais n'a pas obtenu la solution

S'il vous plaît Aide

Merci ...

Answer 1

Pourquoi ne pas supprimer tout simplement le code HTML de l'élément outer?

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

Modifier:

Ou si le element externe contenait l'interface utilisateur d'origine, vous pouvez le stocker avant de montrer la iframe et restaurer ensuite:

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; 
}