nicht angemeldet
Hallo Matze,
folgende Frage: ich verwende jQuery, um eine externe HTML-Datei zu laden. Die response wird als HTML ausgeführt. Allerdings benötige aus dieser (geladenen) Datei nur ein bestimmtes, durch ein ID-Attribut gekennzeichnetes DIV.
Ich möchte den per AJAX geladenen Content auf meiner (aufrufenden) Seite in einen DIV-Container einbinden. Anschließend (sobald die response da ist und mittels innerHTML in das DIV eingefügt wurde) möchte ich mittels getElementById auf das geladene, durch ein ID-Attribut gekennzeichnet DIV zugreifen können.
Lade ich die ganze HTML-Seite (ich verwende an dieser Stelle jQuery, das Laden des HTML-Fikes funktioniert auch tadellos), habe ich den ganzen HEADER-Block an Bord, den ich aber gar nicht möchte (ich befürchte, daß ein zweiter HEADER den DOM-Baum durcheinander bringt und die spätere Manipulation des DOM erschwert). Das ist das Problem.
Ich sehe an dieser Stelle folgende Optionen:
* AJAX vorab mitzuteilen, welchen Abschnitt der externen Datei es genau laden soll
* das ganze File zu laden und im Nachgang mit diversen String-Opertionen den Teil herauszuschneiden, den ich benötige.
Variante 1 fände ich deutlich charmanter. Gibt es eine Option, nur gezielt ausgesuchten Content einer externen Datei per AJAX zu laden? Gibt es hier Bibliotheken, die das können? Vielleicht ein PlugIn für jQuery?
Besten Dank vorab!