<a href>link click div image load breaks div iframe webpage laod

Gweebar · August 14, 2013

Good evening folks.

I am very much so a newbie at writing webpages, and I will admit I am much stronger in martial arts than coding. But I have spent the last week losing more hair then required trying to get the page I am developing to work as intended.

Primary issue, I have several links they load images into Div's there is something goofy going on when I click on a link for example to load my images works like a champ, but then when I click on my link to load the iframe webpage to display the Shotokan Federation inside my webpage it opens it in a new browser.

But if I reload the page and click on Shotokan Federation link works like a champ loads into same page inside my iframe.

moment I click on any other link and go back to shotokan fed it does not work as intended. loads the webpage on a newly opened browser.

Below is my source and yes I am new so please I am trying really hard to get it right.

Also the only way this looks right is on google chrome too but thats a different issue for the next round of banging head into concrete.

<PS> I commented a lot of my code to make it easier to follow.

function Instructors(){

document.getElementById("div5").style.display="block";

document.getElementById("div4").innerHTML="<img src='Images/Instructors/Instructors.png' alt=''/>";

document.getElementById("div5").innerHTML="<img src='Images/Instructors/Instructor_pics.jpg' alt=''/>";

}

function TangSooDo(){

document.getElementById("div5").style.display="block";

document.getElementById("div4").innerHTML="<img src='Images/TangSooDo/TangSooDo_Brief_History.png' alt=''/>";

document.getElementById("div5").innerHTML="<img src='Images/TangSooDo/Hwang_Kee.jpg' alt=''/>";

}

function Shotokan(){

document.getElementById("div5").style.display="block";

document.getElementById("div4").innerHTML="<img src='Images/Shotokan/Shotokan_Brief_History.png' alt=''/>";

document.getElementById("div5").innerHTML="<img src='Images/Shotokan/Funakoshi.jpg' alt=''/>";

}

function ShotokanFed(link){

window.ifrm.location=link;

window.location.hash='ifrm'

window.open("http://www.jka.or.jp/english/e_index.html","ifrm","scrollbars=no");

}

</script>

</head>

<body>

<p class="alignright">Follow Us | Feedback | Contact Us | Join Us</p>

</div>

<p>

<a href="javascript:Instructors();">Instructors</a>

</p>

<p>Events</p>

<p>Class Schedule</p>

<p>Class Locations</p>

<p>

</p>

<p>

<a href="javascript:Shotokan();">Shotokan</a></p>

<p>

<a id="ShotokanFedLink" title="Click to load Shotokan Federation Page" href="PleaseEnableJavascript.html" onclick="ShotokanFed();return false;">Shotokan Federation</a>

</p>

<p>Soo Bak Do Federation</p>

</div>

</div><div style="clear: both;"></div>

</div>

</body>

</html>

Sign In

<a href>link click div image load breaks div iframe webpage laod

Recommended Posts

Gweebar

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information