Estou tentando implementar em um portal com receitas, despesas, etc. Estou usando iframes
para trazer as informações do servidor. Funciona bem, até que percebi que se carregar todos os iframes
todos de uma vez ele embaralha as funções de cada iframe
porque quando carrega um iframe
, ele carrega todos dentro da função.
Necessito então de um código que faça o iframe
abrir no momento do clique e descarregue ao fecha-lo.
window.onload = function() {
//Receitas
document.getElementById("iframe1").src="LINK_IFRAME1";
document.getElementById("iframe2").src="LINK_IFRAME2";
//Despesas
document.getElementById("iframe3").src="LINK_IFRAME3";
document.getElementById("iframe4").src="LINK_IFRAME4";
document.getElementById("iframe5").src="LINK_IFRAME5";
document.getElementById("iframe6").src="LINK_IFRAME6";
}
No html estou trazendo eles assim:
<div class="modal fade" id="ingresso-de-receitas">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" class="blank" title="Fechar" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">×</span></button>
<h2 class="modal-title">Ingresso de receitas</h2>
</div>
<div class="modal-body text-center">
<iframe id="iframe1" width="100%" height="900px" frameborder="none"></iframe>
</div>
</div>
</div>
</div>
Alguém tem alguma ideia de como resolver?