nicht angemeldet
Ahoi.
Zeig ruhig mal was mehr Code, sonst kommen wir hier nicht weiter.
et voilà:
HTML:
<!DOCTYPE HTML>
<html lang="de-formal">
<head>
<title>testsite</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="expires" content="0">
<meta name="viewport" content="width=device-width,
initial-scale=1.0, user-scalable=yes">
<meta name="author" content="Roadster">
<meta name="description" content="testsite">
<link rel="stylesheet"
href="testcss.css">
</head>
<body>
<div id="testbox">
</div>
<script type="text/javascript"
src="testjs.js">
</script>
</body>
</html>
CSS:
html
{background: linear-gradient(90deg, #3C5064, #7092BE);
font-family: Helvetica, Arial, sans-serif;}
#testbox
{display: block;
position: relative;
width: 700px;
height: 330px;
border: 2px solid black;
border-radius: 5px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
padding: 20px;
background: #C0C0C0;
background: linear-gradient(#C0C0C0 0%, #828282 100%);}
JS:
var testbox = document.getElementById("testbox");
testbox.addEventListener("click", showtext);
function showtext(){
var request = new XMLHttpRequest();
request.open("get","beispieltext.txt");
request.send();
request.addEventListener("load", function( e ) {
var text = e.target.responseText;
testbox.textContent = text;
})};
Ist ja nur eine Testseite...
Gruß,
Roadster.
JürgenB
Matthias Apsel
Auge
Der Martin