iframe y carga de ficheros
TRANSCRIPT
5/9/2018 IFRAME y Carga de Ficheros - slidepdf.com
http://slidepdf.com/reader/full/iframe-y-carga-de-ficheros 1/3
IFRAME y carga de ficheros
Los iframes son capas HTML en las que se pueden cargar ficheros html.
Sintaxis
<iframe src=”nombrefichero.html” name=”NombreIframe”> Texto cuando no se puede ver el iframe
</iframe>
Para cargar un fichero en un iframe desde jQuery se utiliza la instrucción
$(selector).attr(“src”,"nombreFichero.html");
Para cargar un fichero en un iframe desde JavaScript
document.getElementById("idIframe").src="nombreFichero.html";
Para cargar el destino de un enlace en un iframe desde HTML
<a href=”http://nombreWeb.html” target=”_blank/_selft/nameIframe”>Ir a </a>
_self : abre el documento vinculado en el iframe donde está el enlace
_blank: abre el documento vinculado en una ventana nueva
nameIframe: abre el documento vinculado en el iframe cuyo atributo
name=”nameIframe”
Ejemplo
HTML (index.html)
<!DOCTYPE HTML><html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.5.1.min.js" ></script>
<title>Documento sin título</title>
<script src=”js/fichero.js”></script>
</head>
<body>
<a id=”uno” href="#">Cargar Uno</a>
<a id=”dos” href="#">Cargar Dos</a>
<a id=”tres” href="#">Cargar Todo</a>
<div>
Este es el contenido inicial</div>
</body>
</html>
HTML (carga.html)
<!DOCTYPE HTML>
<html>
<head></head>
<body>
<a id="uno">Este texto1 es el que quiero cargar</a>
<a id="dos">Este texto2 es el que quiero cargar</a>
</body>
</html>
5/9/2018 IFRAME y Carga de Ficheros - slidepdf.com
http://slidepdf.com/reader/full/iframe-y-carga-de-ficheros 2/3
Fichero.js
$(document).ready(InicializarEventos);
function InicializarEventos (){
$("#uno").click(CargarUno);
$("#uno").click(CargarDos);
$("#uno").click(CargarTodo);
}
function CargarUno(){
$("div").load("carga.html #uno");
}
function CargarDos(){
$("div").load("carga.html #dos");
}
function CargarTodo(){
$("div").load("carga.html");
}
5/9/2018 IFRAME y Carga de Ficheros - slidepdf.com
http://slidepdf.com/reader/full/iframe-y-carga-de-ficheros 3/3