Forums

Jarolin

I want to replace an entire div with another using this type of javascript code

function myFunction()
{
  x=document.getElementById('demo');
 x.innerHTML="div replaced";
}

Although im not sure how to do it. Ive done it with text but never with styled divs. It's to replace the iframe on this website WEBSITE

If there's an easier, more effective way of doing this im open to suggestions.

Paulie_D

When you say replace...how will this happen?

On a click or something else?

Are you replacing one iframe with another?

If JS were turned off...would you want the new content to show anyway?

Jarolin

@Paulie_D I'm simply replacing a div depending on the navigation bar that is clicked. I'm not replacing iframes. You can see the text inside the ribbon change when a navigation tab is clicked. Thats basically what i want to do but with divs instead. And it will happen on onclick="myFunction()"

CrocoDillon

Not sure what you want but you can use html in the string you set innerHTML to, and style that html however you want.

srig99

@Jarolin After looking at your site, I noticed that you are using a separate JS function to update the ribbon for every button in the navigation bar. This is highly inefficient and it can be done with one function/event in JS. I whipped up a pen for you: http://codepen.io/srig99/pen/GkJBc. Tell us if you need more help!

Jarolin

@srig Thanks. i Knew there was an easier way but i'm still learning Javascript. Are there any other problems you see with my code?

treehouse : what would you like to learn today?

Forums

Replace Entire divs with Jvascript