Events und document.write

carmencita

Grünschnabel
Hab schon krause Haare vom vielen zwirbeln, aber leider immer
noch keine Idee warum mein Programm macht, was es macht ...

Hat vielleicht jemand eine Idee warum die Funktion

function schreibs() {
document.write ("Test 123 ...");
}

bei einem Aufruf der wie folgt aussieht:

<div id="layMain">
<input name="" type="button" onClick="schreibs()">
</div>

nicht wie von mir erwartet in den Layer "layMain" schreib sondern
eine neue Seite aufgeht, auf der dann auf schickem weißen
Hintergrund Test 123 ... steht?
Gibts irgendeine Möglichkeit, das löschen der normalen Webseite
zu verhindern?

Um das ganze noch zu vervollständigen, hier meine CSS-Definition
von layMain (externe CSS Definition):

#layMain {
/* border: 1px solid #000000;*/
border: 0px solid #000000;
position:absolute;
width:650px;
height:445px;
z-index:2;
Background: #FFFFCC url('../images/bgverlauf.jpg');
left: 150px;
top: 150px;
}
 
Das Verhalten ist ganz normal.

Der Browser schreibt sinnvollerweise nichts mehr ins Dokument, wenn es schon zu Ende sgeschrieben ist.

Möglichkeit 1:
Mit innerHTML arbeiten.

Möglichkeit 2:
Script neu überdenken.
 
Entsprechender Code zu Möglichkeit 1:
PHP:
<html>
<head>
<script type="text/javascript" language="JavaScript">
function schreibs() {
    document.getElementById("layMain").innerText = "Test 123 ...";
}
</script>
</head>
<body>
<div id="layMain">
<input name="button" value="Schreibs" type="button" onClick="schreibs()">
</div>
</body>
</html>
 

Neue Beiträge

Zurück