La page commence à se recharger lors de l'ajout dynamique d'iframe - javascript, jquery

j'ai un div à l'intérieur d'une page à l'intérieur, que je veux charger le iframe dynamiquement une fois que l'utilisateur a cliqué sur le lien.

//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 se charge avec succès après le clic de la balise d'ancrage, mais la page entière est actualisée. Quelqu'un a-t-il une idée de comment éviter le chargement de la page?

Réponses:

Remplacez votre ancre par

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

J'ai changé le href et le onclick, pour éviter de sauter ou de rafraîchir.

Essayez au lieu de le charger par createElement en utilisant

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

Autant que je sache, cela ne devrait pas recharger une page.