laden von html-Seite in div

wie kann ich das laden einer html-Seite in ein div. Mit dem "object" - tag es laden, aber ich glaube nicht, dass es ein guter Ansatz ist. Es ist keine externe Datei. Ist dojo gut für diese?

ohne Verwendung von iframes 🙂

InformationsquelleAutor coder247 | 2010-08-25

  1. 12

    Jquery

    $("#mydiv").load("myexternalfile.html");
    Bedeutet, dass der filter entfernt unerwünschte Elemente wie HTML, HEAD und BODY? Wenn dem so ist, dann wäre dies durchaus eine elegante Lösung. Viel besser als zu versuchen eine manuelle Installation.
    Keine seinen extrahiert alle html-von myexternalfile.html dann legt es in den div.

    InformationsquelleAutor Starx

  2. 3

    Ich bin mir nicht ganz sicher, was Sie suchen, aber wenn Sie wollen, zum anzeigen eines HTML-Dokuments innerhalb eines anderen HTML-Dokument ist dann denke ich der einzige Weg, dies zu tun, ist die Verwendung eines iframe. Schauen Sie sich dieses tutorial: http://www.designplace.org/tutorials.php?page=1&c_id=1

    Vielleicht könnten Sie laden Sie die HTML-Dokument und Streifen entfernt die HEAD und Verpackung BODY Elemente und fügen Sie den code in das DIV element.

    EDIT: Ah, keine iframes Sie sagte. Gut, dann schlage ich vor, die letzteren. ^^

    InformationsquelleAutor gablin

  3. 1

    Kein Grund für die Verwendung von jQuery, nur um das laden von Inhalten zu Ihrer Seite (z.B. nur ein div), wenn es keine anderen Aufgaben, die benötigen framework Funktionen 🙂

    Dies sollte mit AJAX-Grundlagen.
    Check this out: http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

    InformationsquelleAutor Konstantin Likhter

  4. 1

    Funktioniert das auch... mit dem dojo...

    <script type="text/javascript">
var url = dojo.moduleUrl("dijit.form", "help.html");
dojo.xhrGet({
  url: url,
  load: function(html){
       dojo.byId("mycontent").innerHTML = html;
  }
});
</script>

<div id="mycontent">

</div>

    Update:

    Im Dojo 1.7+, Nutzung erfordern.toUrl statt dojo.moduleUrl

    InformationsquelleAutor coder247

  5. 0

    Verwenden Sie die jQuery load () - Methode.
    Hier die jQuery-Referenz über die load-Methode: http://api.jquery.com/load/

    InformationsquelleAutor Nicola Celiento

  6. 0

    Können Sie immer noch nutzen jquery zum laden der Inhalte durch einen ajax-Aufruf. Nehmen Sie das Ergebnis und löschen <body> - und alles davor, und </body> und alles dahinter. Sie können regex um sicherzustellen, dass Sie enthalten alle Attribute des body-Tags.

    Dann Sie sind Links mit den raw-html-Körper, die Sie hinzufügen können, um das div mit jQuery.

    jQuery.ajax({
    url: 'page.html', 
    success: function(data, textStatus, XMLHttpRequest) {
        data = data.replace(/.*<body.*?>/gi,'');
        data = data.replace(/</body>.*/gi,'');
        jQuery('#myDiv').html(data);
    }
});

    Meine regex ist ein wenig eingerostet, so müssen Sie möglicherweise zu zwicken 🙂

    InformationsquelleAutor Joeri Hendrickx

Schreibe einen Kommentar