html - modificar - Solo carga el iframe div haciendo clic
modificar elementos dentro de un iframe (3)
¿Quiere decir cargar el iframe dentro del div solo cuando se hace clic en un elemento? De ser así, puede eliminar el atributo iframe src de la etiqueta iframe y establecer el src solo cuando se haga clic en el elemento.
En el iframe:
<iframe id=''ifr'' frameborder="0" scrolling="no" width="550" height="400">
En el elemento cliqueable:
onClick=''document.getElementById("ifr").src="add_dossier.php";''
Tengo esta parte del código. Cuando se carga la página también se cargan todos los div, pero aún no están visibles. ¿Es la forma de comenzar a cargar el contenido del div cuando se hace clic? Ahora la página se ralentiza debido a todos los div
<a href="#?w=550" rel="popup_add_dossier" class="poplight" title="''.$lang[''form_add''].''"><img src="images/icon/new.png" ></a>
<div id="popup_add_dossier" class="popup_block">
<iframe src="add_dossier.php" frameborder="0" scrolling="no" width="550" height="400">
jQuery lo hace fácil!
Cargue a continuación en la sección <head> .
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script>
jQuery(function(){
$("iframe").each(function(){
this.tmp = this.src;
this.src = "";
})
.parent(".popup_block")
.click(function(){
var frame = $(this).children("iframe")[0];
console.log(frame); frame.src = frame.tmp;
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(''#button'').click(function(){
if(!$(''#iframe'').length) {
$(''#iframeHolder'').html(''<iframe id="iframe" src="http://google.com" width="700" height="450"></iframe>'');
}
});
});
</script>
<a id="button">Button</a>
<div id="iframeHolder"></div>