Изменение содержимого iframe

Question

Я довольно новичок в этом, так голый со мной, если есть очевидный ответ. Следующее объединяется из разных решений, найденных в Интернете, а не созданных собственными навыками.

У меня есть страницу index.html с фрейма в организме, например так:

<iframe id=content name=content src="#content"></iframe> 

СРК (положение, размер и т.д.) определяется в главе index.html по:

#content { 
position: relative; 
top: 0; 
left: 0; 
border: 0; 
height: 800px; 
width: 80%; 
} 

и содержимое загружается в IFRAME путем пристреливать IFRAME путем вызова отдельных страниц - позволяет называть их Page 1 и Page 2 - из меню в теле index.html как этот

<ul> 
<li> <a href="index.html"><img src="imgs/home.gif"></a> </li> 
<li> <a href="page1.html" target="content">Page 1</a> </li> 
<li> <a href="page2.html" target="content">Page 2</a> </li> 
</ul> 

Первая ссылка используется для перезагрузки всего сайта и показывает не текст, а аккуратное изображение home.gif из подменю imgs.

Вид в старые времена с меню или верхним фреймом, загружающим разные страницы в рамку содержимого.

Это хорошо работает, но поскольку контент сначала помещается в iframe, нажав одну из других ссылок меню, в iframe нет содержимого, когда загружается сама страница index.html. Мне нужна страница - позволяет называть ее default.html загружаемой в iframe, когда страница index.html загружается или перезагружается из первой ссылки меню, и я искал часы, не найдя ответа на вопрос.

Кто-то: ПОМОЩЬ - Пожалуйста .....?

THX Ким

Answer 1

просто добавить OnClick даже на HREF ссылки; Стр.1 и Страница2

OnClick:

$(document).ready(function(){ 
 
$("#hPage1").click(function(){ 
 
    document.getElementById("iframename").src="page1.html"; 
 
}); 
 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 

 
<p><a id="hPage1" href="#" >page1</a></p> 
 
<iframe id="iframename" src="/"></iframe>

см рабочий пример: http://jsfiddle.net/vinokurov/gat5y20z/