Seite 2 von 4
Re: [HTML/JavaScript] Warum löscht es dieses <div> nicht?
Verfasst: 04.04.2014 17:19
von es_91
Nun bin ich aber auch nicht schlauer, als vorher. In Zeile 8 wird ConsoleBgDiv noch gefunden und in Zeile 9 auf einmal nicht mehr? Darf ich den innerHTML-Wert nur einmal setzen oder wie?
/EDIT: Hab den Fehler gefunden. Das getElementByID() war überflüssig.
Re: [HTML/JavaScript] Warum löscht es dieses <div> nicht?
Verfasst: 04.04.2014 17:24
von RSBasic
Ein Div-Element kann nur gefunden werden, wenn dieses auch eine ID besitzt. Du erstellst nur ein Div ohne ID o.ä.
Wenn dein neues Div-Element eine ID hat, dann kannst du auch mit getElementById() darauf zugreifen. Was du machen musst, ist eine ID-Vergabe.
Oder gleich auf die Variable "ConsoleBgDiv" zugreifen.
Re: [HTML/JavaScript] Warum löscht es dieses <div> nicht?
Verfasst: 04.04.2014 18:00
von bobobo
RSBasic hat geschrieben:Das ist aber ein schlechter "Programmier"stil. Und solche Inline-Events wie onmouseover wie du es grad gemacht hast, ist auch nicht so schön. Lieber extern eine separate Javascript-Datei erstellen und dort ein Observe auf ein DOM-Element setzen. Ist besser wartbar, übersichtlicher und strukturierter als ein Spaghetticode.
Heul doch.
Pasta ist auch mal lecker.
Bei großen Projekten mags Du Recht haben, aber ich halte es für gequirlte universitäre Programmierkacke, wenn man
hier DOM/Observer auf so 'nen Kleinscheiss ansetzt, der sich mit einem Zweizeiler auch erledigen lässt. Ich
frag mich auch, was es gerade bei dem Beispiel noch grossartig zu warten gibt.
Übrigens
Re: [HTML/JavaScript] Warum löscht es dieses <div> nicht?
Verfasst: 06.04.2014 07:15
von es_91
[Problem geklärt]
Re: [HTML/JavaScript] Warum löscht es dieses <div> nicht?
Verfasst: 06.04.2014 11:02
von Lord
bobobo hat geschrieben:...gequirlte universitäre Programmierkacke...
und
bobobo hat geschrieben:
Verfasst: 06.04.2014 11:59
von CodeCommander
bobobo && Lord: Da gibts ein richtig geiles Lied für euch:
http://www.youtube.com/watch?v=kCDlkkPKtBE 
Zum Glück gehöre ich nicht zu euch und arbeite wie die anderen sauber wie in PB mit SimsalabimExplicit und Struktur und so. :P
Der Slogan sollte eig.so heissen: goto ich bin doch nicht blöd.
Re: [HTML/JavaScript] diverse Fragen / Diskussion
Verfasst: 06.04.2014 12:48
von GronkhLP
@es_91
Wenn du gute JS Frameworks brauchst für dom, dann schau dir mal jQuery an. Oder Prototype ist auch super.
http://jquery.com/
http://prototypejs.org/
bobobo hat geschrieben:
Re: [HTML/JavaScript] diverse Fragen / Diskussion
Verfasst: 06.04.2014 17:54
von es_91
Lästerungszeit! Ich programmiere JavaScript und was machen die Browser draus? Internet Explorer weisst meine styles nicht zu, Firefox gibt keinen EventListener auf div-Elemente raus und Chrome macht beides nicht.
Toll!
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function clearConsole(consoleColorFront, consoleColorBack) {document.getElementById("ConsoleBgDiv").innerHTML = ""; document.getElementById("ConsoleBgDiv").style = 'width:800px; height:8000px; background-color:#' + consoleColorBack;}
var thisSpan; var ConsoleBgDiv; var consoleColFront; var consoleColBack;
function whichKeyonpress(evt) {alert(evt.which);}
onload = function() {ConsoleBgDiv = document.createElement("div"); ConsoleBgDiv.id = "ConsoleBgDiv"; ConsoleBgDiv.style.width = "800px"; document.getElementById("ConsoleBG").appendChild(ConsoleBgDiv);
ConsoleBgDiv.style.height = "8000px"; clearConsole(0, "FFFF00");
thisSpan = document.createElement("span");
thisSpan.id = "thisSpan";
thisSpan.className = "black";
document.getElementById("ConsoleBgDiv").appendChild(thisSpan); document.getElementById("thisSpan").innerHTML = document.getElementById("thisSpan").innerHTML + "<span style='color:#FFFFFF'>29<br /></span>";
thisSpan = document.createElement("span");
thisSpan.id = "thisSpan";
thisSpan.className = "black";
document.getElementById("ConsoleBgDiv").appendChild(thisSpan); document.getElementById("thisSpan").innerHTML = document.getElementById("thisSpan").innerHTML + "<span style='color:#FFFFFF'>30<br /></span>";
ConsoleBgDiv.addEventListener('keypress', whichKeyonpress(), true);
}</script><style type="text/css">body { } .black { background-color:#000000; } </style>
</head>
<body>
<font face="courier"><span id="ConsoleBG"></span></font></body>
</html>
Re: [HTML/JavaScript] diverse Fragen / Diskussion
Verfasst: 06.04.2014 18:02
von RSBasic
Was sagt denn z.B. IE? Fehlermeldungen? Siehe Konsole.
Re: [HTML/JavaScript] diverse Fragen / Diskussion
Verfasst: 06.04.2014 18:12
von es_91
Lieber RSBasic,
ich hatte den code nochmal geändert, weil ich selbst einen Kopierfehler eingebaut hatte. Jetzt ist er ordentlich und weder die IE Konsole noch der Firefox meldet mir Fehler.