Então. Não estou conseguindo fazer o seguinte: Tenho um menu com submenus vertical. Ao seu lado direito um iframe. O que quero é primeiro quando a página carregar já aparecer no iframe o conteúdo do primeiro menu. Em segundo, quando eu clicar em um menu a página relativa a esse menu aparecer no iframe. Neste exato momento estou fazendo o seguinte: Para carregar uma página direto no iframe assim que o site for carregado estou utilizando:
const frameElement = document.getElementById('#frame') frameElement.addEventListener("load", erasmus)
function erasmus() { frameElement.setAttribute('src', './menu-lateral/arasmus/index.html') }
Obs: #frame é o id que dei para o iframe que está no index.html iframe id="frame" src="" frameborder="0">
Depois quero utilizar uma estrutura para clicar no menu e sua respectiva página aparecer dentro do mesmo iframe substituindo o atual.
Podem me ajudar?
A estrutura no html está assim:
Linha de Pesquisa
e eu divido as duas divs uma para o menu lateral e a outra para o iframe com grid no css:
.navigation { margin-top: 64px; display: grid; grid-template-columns: 1fr 4fr; gap: 26px; }
Desde já agradeço pela ajuda!
