✔ Problem bei Div erstellen

S

sharK223

Mitglied
Ich bekomme es einfach nicht hin ein Div mit Javascript zu erstellen und anzuzeigen.
Es solle 2 Divs ausgegeben werden. Im moment aber nur eines welches die ganze fläsche ausfüllt und schwarz und leicht trasparent ist.

Seite:
http://doompage.square7.ch/

Hier mein Code:

HTML: 
<html>
<head title="DoomPage">
<style type="text/css">
@import url("/css/main.css");
</style>

<script type="text/javascript" src="/javascripts/inhaltswarnung.js"></script>
<script type="text/javascript" src="/javascripts/pfeilbewegung.js"></script>


</head>

<body id="body">
<div id="main"></div>
<div id="logo"></div>
<div id="pfeil"></div>

<div id="menu_1">
<div id="text">
 <ul id="Navigation">
    <li><a href="nav_definieren.htm">Main</a></li>
    <li><a href="nav_formatieren.htm">Blog</a></li>
<li><a href="nav_rollover.htm">Downloads</a></li>
<li><a href="nav_rollover.htm">Kontakt</a></li>
  </ul>
</div>

</div>
<div id="menu_2" onMousemove="pfeil_bewegung"></div>
<script type="text/javascript" src="http://www.bplaced.net/pub/bpa.js"></script></body>

</html>

inhaltswarnung.js:
Code: 
var blackbg = document.createElement("div");
var body = document.getElementById('body');
blackbg.setAttribute("id", "blackbg");
body.appendChild(blackbg);

Das Div Tag sollte ja zumindest bei dem Seitenquelltext angezeigt werden auch wenn es noch keine Größen angabe hat...

Ich haffe mir kann jemand helfen...
 
Zuletzt bearbeitet:
Du müsstest die Zeilen zum onLoad-Ereignisses hinzufügen (in einer Funktion), z.B. so:

HTML: 
  <body id="body" onLoad="MakeDivs()">
    ...
  </body>
</html>

Und in deiner JS-Datei:
Javascript: 
function MakeDivs()
{
  var blackbg = document.createElement("div");
  var body = document.getElementById('body');
  blackbg.setAttribute("id", "blackbg");
  body.appendChild(blackbg);
}
 
Hi,

wie rufst du das Script auf?

Du hast erst nach dem Laden des Dokuments Zugriff auf das body-Objekt. Deshalb kann das Script frühestens im onload-Event ausgeführt werden.
Code: 
window.onload = function(){
  var blackbg = document.createElement("div");
  var body = document.getElementById('body');
  blackbg.setAttribute("id", "blackbg");
  body.appendChild(blackbg);
}

Edit: Da war wohl jemand schneller.

Ciao
Quaese
 
Ok danke das hab ich jetzt gemacht.
Leider wird das Div Objekt wohl immer noch nicht erstellt...
Zumindest siht man im Seitenquelltext kein <div> - Tag mit der ID "blackbg"....
Wird das div dort eventuell garnicht angezeigt?

Mit dankenden Grüßen
sharK
 
Welchen Browser verwendest du?
Die meisten Browser zeigen die Veränderungen durch JS nicht an. Doch im Firefox gibt es z.B. Firebug oder im IE die Entwicklerkonsole, da wird es angezeigt!

Edit: Du kannst auch den Style auf "border: 1px solid black" ändern, dann siehst du das DIV!
 
Ich benutzte Firefox 3.6.4.

Und um das Div zu sehen habe ich den COde jetzt etwas erweitert:
Code: 
function inhaltswarnung()
{
var blackbg = document.createElement("div");
var body = document.getElementById('body');
blackbg.setAttribute("id", "blackbg");
body.appendChild(blackbg);
var blackbg = document.getElementById('blakbg');
blackbg.style.position = "absolute";
blackbg.style.zIndex = "9999";
blackbg.style.height = "100%";
blackbg.style.width = "100%";
blackbg.style.backgroundColor = "black";

}

Ich hoffe das der Code so richtig ist. Aber leider wird der Div wohl nicht angezeigt...


Edit:
Hurra!

Es klappt. So ein dummer Fehler hat sich am ende noch eingeschlichen....
Code: 
var blackbg = document.getElementById('blakbg');

xD
Danke für eure Hilfe.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück