Strona przeładowuje się dynamicznie dodając iframe - javascript, jquery

mam div wewnątrz strony wewnątrz, którą chcę załadować iframe dynamicznie, gdy użytkownik kliknie link.

//div code
<div id="cs_feedback_pane" ><!-- iframe here --></div>


//link
<a href="#" id="cs_panel_link" onclick= "loadIframe();">Load iframe inside div</a>

//javascript code
function loadIframe () {
var iframe = document.createElement("iframe");
iframe.frameBorder=0;
iframe.setAttribute("src", "myurl here ");
document.getElementById("cs_feedback_pane").appendChild(iframe);
}

iframe ładuje się pomyślnie po kliknięciu tagu zakotwiczenia, ale cała strona jest odświeżana. czy ktoś ma pomysł, jak uniknąć ładowania strony?

Odpowiedzi:

Zamień swoją kotwicę na

<a href="javascript:void(0)" id="cs_panel_link" onclick= "loadIframe(); return false;">Load iframe inside div</a>

Zmieniłem href i onclick, aby uniknąć skakania lub odświeżania.

Spróbuj zamiast go załadować createElement za pomocą

document.getElementById("cs_feedback_pane").innerHtml("<iframe src=""></iframe>");

O ile mi wiadomo, nie powinno to ładować strony ponownie.