tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
557
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 27.06.10 09:49 #1
    sharK223 sharK223 ist offline Mitglied Silber
    Registriert seit
    Apr 2009
    Beiträge
    58
    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-Code:
    <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 :
    1
2
3
4

    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...
    Geändert von sharK223 (27.06.10 um 09:54 Uhr)
     
    Zitieren Zitieren
  2. 27.06.10 10:10 #2
    Avatar von ComFreek
    ComFreek ComFreek ist offline [x] Let it be logic!
    tutorials.de Moderator
    Registriert seit
    Jun 2009
    Beiträge
    2.363
    Blog-Einträge
    4
    Du müsstest die Zeilen zum onLoad-Ereignisses hinzufügen (in einer Funktion), z.B. so:

    HTML-Code:
      <body id="body" onLoad="MakeDivs()">
    ...
  </body>
</html>
    Und in deiner JS-Datei:
    Code javascript:
    1
2
3
4
5
6
7

    function MakeDivs()
{
  var blackbg = document.createElement("div");
  var body = document.getElementById('body');
  blackbg.setAttribute("id", "blackbg");
  body.appendChild(blackbg);
}
     
    mfg ComFreek

    Falls ich dir geholfen habe, würde ich mich über ein DANKE freuen!
    Kenn mich am besten aus in C++, WEB-Sprachen (PHP, HTML, JavaScript) und vllt. mehr
    [PHP] Überprüfen, ob Website erreichbar • Sicherheit in PHP-Codes schaffen • Google Chrome-Extension für tutorials.de • json_compress()
    Zitieren Zitieren
  3. 27.06.10 10:13 #3
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    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 :
    1
2
3
4
5
6

    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
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  4. 27.06.10 10:24 #4
    sharK223 sharK223 ist offline Mitglied Silber
    Registriert seit
    Apr 2009
    Beiträge
    58
    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
     
    Zitieren Zitieren
  5. 27.06.10 10:26 #5
    Avatar von ComFreek
    ComFreek ComFreek ist offline [x] Let it be logic!
    tutorials.de Moderator
    Registriert seit
    Jun 2009
    Beiträge
    2.363
    Blog-Einträge
    4
    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!
     
    mfg ComFreek

    Falls ich dir geholfen habe, würde ich mich über ein DANKE freuen!
    Kenn mich am besten aus in C++, WEB-Sprachen (PHP, HTML, JavaScript) und vllt. mehr
    [PHP] Überprüfen, ob Website erreichbar • Sicherheit in PHP-Codes schaffen • Google Chrome-Extension für tutorials.de • json_compress()
    Zitieren Zitieren
  6. 27.06.10 10:32 #6
    sharK223 sharK223 ist offline Mitglied Silber
    Registriert seit
    Apr 2009
    Beiträge
    58
    Ich benutzte Firefox 3.6.4.

    Und um das Div zu sehen habe ich den COde jetzt etwas erweitert:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14

    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 :
    1

    var blackbg = document.getElementById('[COLOR="DarkRed"][B][I]blakbg[/I][/B][/COLOR]');

    xD
    Danke für eure Hilfe.
    Geändert von sharK223 (27.06.10 um 11:04 Uhr)
     
    Zitieren Zitieren
« Zwei Funktionen verbinden / kombinieren | Mit Javascript ein onclick-Attribut hinzufügen »

Ähnliche Themen

  1. Problem mit Schnittbereich erstellen
    Von Fafi im Forum Vektor-Programme
    Antworten: 5
    Letzter Beitrag: 24.02.10, 21:13
  2. Thumbnail erstellen Problem
    Von nomak666 im Forum PHP
    Antworten: 4
    Letzter Beitrag: 13.06.07, 19:17
  3. Problem mit Ordner erstellen
    Von proloser im Forum PHP
    Antworten: 3
    Letzter Beitrag: 20.02.05, 11:56
  4. Problem beim Erstellen von Packages
    Von chironex im Forum Java
    Antworten: 2
    Letzter Beitrag: 19.02.05, 19:52
  5. Problem bei erstellen von Dateien!
    Von escaped im Forum PHP
    Antworten: 3
    Letzter Beitrag: 09.11.03, 14:53