Div mit Javascript platzieren

[JoLe05]

Hallo!

Ich möchte gerne ein Div(im Beispiel der footer) mit Javascript platzieren.

Hier das Beispiel:

und zwar soll das footer div mit Javascript immer nach dem content div kommen!

Mit javascript hole ich mir die zwei divs erstmal aber welchen befehl muss ich benutzen um nun den footer immer darunter zu platzieren?

<script type="text/javascript">
    var footer = document.getElementById('footer');
    var content = document.getElementById('content');
</script>

DAnke für die Hilfe

 

[Duddle]

AW: Div mit Javascript platzieren

Hast du irgendeinen rationalen Grund, den Footer nicht direkt per HTML zu platzieren? HTML ist doch exakt dafür gedacht, die Struktur eines Dokumentes zu beschreiben.

Nichtsdestotrotz: sowas läuft unter dem Namen DOM-Manipulation.


Duddle

 

[JoLe05]

AW: Div mit Javascript platzieren

Danke! Ich habs jetzt folgendermaßen abgeändert

<script type="text/javascript">
var con= document.getElementById("footer");
onload= document.getElementById("content").insertBefore(con);
</script>

geht leider nicht

 

[yezinia]

AW: Div mit Javascript platzieren

Hä? Wozu JavaScript? Willst du dir selbst ins Knie schießen und es unnötig kompliziert machen?


Ändere doch einfach die Reihenfolge der Divs und das Thema ist gegessen

<div id="header">Was auch immer</div>
<div id="content">Irgendein Inhalt</div>
<div id="footer">Der typische Schrott im Footer</div>

Warum einen Photonenantrieb erfinden, wenn man auch laufen kann?

 

[JoLe05]

AW: Div mit Javascript platzieren

wir können unterhalb des Contents leider nicht in den HTML Code eingreifen, daher müssen wir den Footer unter den Header platzieren und mit JavaScript den Footer unter den Content bringen!

Das oben gezeigte ich ja nur die "Spielwiese" also ein Beispiel...

 

[yezinia]

AW: Div mit Javascript platzieren

Ok, klingt ziemlich stark nach Baukasten...

ich Versuchs mal aufzudröseln:

Ihr habt:

[HEADER]
[FOOTER]
[CONTENT]
[WASWEISSICHNOCH]

Wenn ihr den Inhalt (sprich HTML & CSS) von [CONTENT] ändern könnt, warum lasst ihr [FOOTER] nicht einfach leer und fügt innerhalb von [CONTENT] noch einen Footer ein?

Wenn diesbezüglich ernsthaft verstanden werden willst, dann schreib einfach mal den Link zum originalprojekt, sodass sich die Leute das auch echt mal angucken können.

 

[Duddle]

AW: Div mit Javascript platzieren

Wer weiß, das klingt nach einem schrecklichen Template-System. Die eigentliche Frage ist ja gelöst und der Threadstarter ist zufrieden, was will man mehr.

Edit: ach nein, der Threadstarter ist ja garnicht zufrieden. Schau dir deine "Spielwiese" mit Firebug an und lies dich danach in den onload-Eventhandler ein (oder platzier den JS-Code anders). Ach, und die Syntax von .insertBefore() ist auch falsch.


Duddle

 

[afr0kalypse]

AW: Div mit Javascript platzieren

I used to append div with javascript but then i took an arrow to the knee :-D

Das hier müsste ans Ende vom Body einen Div Container anhängen.

function addDiv() {
    var theBody = document.getElementsByTagName('body')[0];
    var newDiv = document.createElement('div');
    theBody.appendChild(newDiv);
}

 

[JoLe05]

AW: Div mit Javascript platzieren

Das hier müsste ans Ende vom Body einen Div Container anhängen.

function addDiv() {
    var theBody = document.getElementsByTagName('body')[0];
    var newDiv = document.createElement('div');
    theBody.appendChild(newDiv);
}

danke für deine Antwort! Nein leider passiert bei dieser Funktion nichts, verstehe aber nicht warum!

 

[limubai81]

AW: Div mit Javascript platzieren

Du musst die Funktion auch beim Seitenaufruf laden.

 

[JoLe05]

AW: Div mit Javascript platzieren

das habe ich natürlich gemacht, hab ich vergessen zu editieren

function addDiv() {
    var theBody = document.getElementsByTagName('body')[0];
    var newDiv = document.createElement('div');
    theBody.appendChild(newDiv);
}
onload= addDiv;

 

[limubai81]

AW: Div mit Javascript platzieren

Wenn ich deine Seite anschaue funktioniert es, unter dem Wrapper wird der Div eingeschoben.
Ich hoffe du suchst nicht im Quelltext danach sondern mit Firebug oder dergleichen.

 

[JoLe05]

AW: Div mit Javascript platzieren

Jap habs grad auch selber kapiert, dass es im Quelltext nicht angezeigt wird! Jetzt müsste ich dem Div noch eine Klasse oder ID zuweisen, dann wärs perfekt

 

[Duddle]

AW: Div mit Javascript platzieren

Dir fehlen scheinbar sehr, sehr grundlegende Erfahrungen mit JavaScript. Ich kenne direkt kein ideales Tutorial, aber Google hat mir ein paar Ergebnisse ausgespuckt, die recht gut aussehen:
http://de.wikibooks.org/wiki/Websiteentwicklung:_JavaScript:_Tutorial
http://www.barmetler.de/js-tutorial/
http://openbook.galileocomputing.de/javascript/

Oder du schaust dir die Tutorials von psd-tutorials.de an, überspring dabei aber AJAX und jQuery und anderes komplexeres.


Duddle