Scribd Logo
Hochladen

Willkommen bei Scribd!

  • IFRAME y Carga de Ficheros

    Hochgeladen von

    esther_ferreiro
    650 Ansichten2 Seiten

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    650 Ansichten2 Seiten

    IFRAME y Carga de Ficheros

    Hochgeladen von

    esther_ferreiro

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 2

    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 instruccin


    $(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 name=nameIframe documento vinculado en el iframe cuyo atributo

    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 ttulo</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>

    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"); }

    Das könnte Ihnen auch gefallen