Hi,
ich wollte man probieren eine Seite zu erstellen, auf der eine textarea ist in der man den Html Code schreibt, dieser dann nach einen Knopf druck als Text gespeichert und in einem anderen Div ausgegeben wird ( der Code soll dann auch ausgeführt werden in diesem Div ).
Momentan funktioniert der JavaScript Teil zwar ganz gut, wird auch ausgeführt, allerdings wird nach dem Knopf druck die ganze Seite bearbeitet zu diesem Test Code und nicht wie eigentlich geplant nur der Div Container lässt sich da etwas machen das sich nicht die ganze Seite verändert sondern nur der Div ?
HTML
HTML
<!DOCTYPE html>
<html>
<head>
<title>Teste dein Code</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="TestingCodeStyle.css" />
</head>
<body>
<div id="all">
<script>
</script>
<div id="kopf">
</div>
<div id="text">
<button onclick="RefreshValue()">Testen</button><br>
<div id="Codetext">
<textarea id="select" >
</textarea>
</div>
<div id="CodeAusgabe">
<script type="text/javascript">
function RefreshValue()
{
code = document.getElementById("select").value;
document.write(code);
}
</script>
</div>
</div>
<div id="fuß">
</div>
</div>
</body>
</html>
CSS
#all{
width:100%;
height:2000px;
background:grey;
}
#kopf{
width:100%;
height:10%;
float:left;
background:grey;
}
#text{
width:100%;
height:100%;
float:left;
background:white;
}
#Codetext{
width:50%;
height:100%;
float:left;
}
#CodeAusgabe{
width:35%;
height:100%;
float:left;
}
#fuß{
width:100%;
height:5%;
float:left;
background:grey;
}
.textarea{
resize:none;
overflow:auto;
}
