Frage von MoinMoin2014, 46

Javascript/Ajax - Footer von Datei laden lassen?

Ich hab schon einiges an Code ausprobiert, selbst kann ich Javascript oder Ajax nicht besonders, komme aber zu keinen erfolgreichem Ergebnis, kann mir jemand dabei helfen?

Ich möchte lediglich den Footer über ein HTML-File in den Footer einfügen, ist auch nur Text.

WICHTIG: Der Footer soll nicht über den Buttonklick geladen werden, sondern mitsamt der Seite

Antwort
von webflexer, 27

Am besten und einfachsten machst du das über jQuery.

jQuery wird im head deiner Seite eingebunden:



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>


Jetzt vergibst du deinem footer eine eindeutige ID mit dem Namen z.B. meinFooter


<footer id="meinFooter"></footer>

Nach der jQuery Einbindung setzt du ein JavaScript das den Inhalt einer html-Datei mit dem Namen z.B. footer.html lädt und in deinen footer setzt.

<script>
$(document).ready( function() {
$( "#footer" ).load( "footer.html" ); }); </script>
Kommentar von MoinMoin2014 ,

Okay, danke, soweit so gut, was ähnliche shatte ich auch zuvor, aber kann es sein, dass footer.html im selben Verzeichnis liegen muss? Ich wollte die Datei eigentlich in einen belibigen Ordner hauen... kann ich auch irgendwie Links angeben? Wäre um einiges komfortabler...

Kommentar von MoinMoin2014 ,

Also es wäre sehr gut, wenn ich statt footer.html einfach http://www.mein-server/ressource/footer.html angeben könnte, weil das scheint irgendwie nicht zu funktionieren

Keine passende Antwort gefunden?

Fragen Sie die Community