Javascript не меняет источник iframe после первого изменения

Question

У меня есть сценарий, который имеет iframe с источником foo.php.

У меня также есть 5 ссылок на моей странице, что при нажатии на кнопку запускается функция javascript для изменения источника. Единственная проблема заключается в том, что после того, как я нажму на одну ссылку, и она изменит iframe, в следующий раз, когда я нажму ссылку, она больше не изменится.

Вот JavaScript:

<script> 
function changeSource(newSource) { 
    parent.sec1.document.location=newSource; 
} 
</script> 

и вот HTML:

<a href="#calandar" onclick="changeSource('http://www.example.com/view.php')">Calandar</a><br /> 
<a href="#facebook" onclick="changeSource('http://www.facebook.com')">Facebook</a><br /> 
<a href="#gmail" onclick="changeSource('http://www.gmail.com')">Gmail</a><br /> 
<a href="#reddit" onclick="changeSource('http://www.reddit.com')">Reddit</a><br /> 
<a href="#twitter" onclick="changeSource('http://www.twitter.com')">Twitter</a><br /> 
</div> 

<div id="sec1"> 
<iframe src="view.php" name="meat" width="100%" height="75%" ></iframe> 
</div> 

Спасибо.

Answer 1

Если я правильно понял ваш вопрос, попробуйте добавить идентификатор к этому фрейму, и сделать:

 

function changeSource(newSource) { 
    document.getElementById('yourIframeId').src = newSource; 
} 
 

Надеется, что это помогает

Answer 2

<script> 
function changeSource(newSource) { 
    document.getElementById('my-iframe').src=newSource; 
} 
</script> 
... 
... 
... 
<iframe src="view.php" id='my-iframe' width="100%" height="75%" ></iframe>