to be clear, i'm trying to optimize my pic-a-day calendar pages so that the individual months can be opened in a div on the main page rather than having to click through multiple pages.

Sometimes I just do in html to keep js file short and simple. Just assign name attribute to your iframe and point the target to anchor. Or in js just update the src att inside of iframe. Works the same.

But for your case, using fetch is the most effective. Make separate htmls for months and load them in separate divs, onclick.

your links to the iframe pages need to have target="div-name" and the div the pages will end up inside needs to have name="div-name"

also you can put this in ur head tag if u want all the links to go to the same div^_^

it ate my example lolll. it's the html tag base with the attribute target="div-name" in it. srry for all the comments gl heh

ok atp im spamming but i cant not say that that is a genius use of iframes i love it.......

you'll need a main page 'picaday.html', a div container for your calendar(where the iframe will go) and the sidebar menu with your links that will have "target="calendariframe" to the iframe name. exmpl: < iframe name="calendariframe " src="(leave this blank or whatever month when the page loads) " class=" iframe "> < /iframe >

in your CSS make .iframe and add some a basic width: 100%; height: 100%; border: none; position: absolute; so it fits nicely in the .calender container i hope this explanation is easy enough to understand. :V

thank you all so much TvT i really appreciate the help and input

congrats!! <33