JavaScript -> JQuery: Frage bzgl. .append()-Methode

[Zephyro]

Hallo CB'ler,

ich möchte auf einer Seite einen größeren html-code einfügen. Das ganze soll mit einem Klick auf einen Button per JQuery eingefügt werden.
Von der Funktion her habe ich dabei keine Schwierigkeiten. Jedoch gefällt mir meine momentane Lösung nicht so gut. Wie bereits erwähnt handelt es sich um einen größeren html code, welcher innerhalb der .append()-Methode, in einer Zeile stehen muss. Dadurch gestaltet sich das ganze sehr hässlich und unübersichtlich. (Wenn ich den Code innerhalb von Append mit Absätzen gestalte, dann wird das als Fehler erkannt.)

Beispiel:

$('#flag').append('<div><sehr viel html-code></div>');

Kann man das nicht schöner lösen? Wenn ich an dem Code was ändern möchte beginnt das Suchen im Code-Wirrwar.

Am liebsten wäre es mir, wenn ich den html-code durch eine separate Datei einbinden könnte. Z.B. so:

$('#flag').append(code.html);

aber das geht leider nicht.
Habt ihr ne Idee, wie man sowas schöner lösen kann?

 

[riDDi]

http://api.jquery.com/jQuery.ajax/

 

[Cave Johnson]

Z.B.

$("#flag").load("code.html")

Dabei wird das, was aktuell in #flag steht ersetzt. Also ggf. ein separates div oder was auch immer bereitstellen.

 

[Zephyro]

Danke für die Antworten!
Ich werde es testen.