Profil von Player55555

Frage

28.06.2016, 16:38

Per Buttonklick Inhalt ändern HTML/JAVASCRIPT?

Will, dass man zwischen 2 Inhalten über ein Buttonklick wechseln kann und habe recherchiert und rausgefunden, dass es mit funktion() geht, aber wie kann ich komplette div containers umändern? Kann man dann im Header den ganzen Code reinschreiben, oder muss man das extern auf einer anderen Seite machen? Oder geht es auch anders?

...zur Frage

Antwort

von Player55555

29.06.2016, 13:02

HTML:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<div id="inhalt">
<button onclick="Inhalt1()">Inhalt 1</button>
<button onclick="Inhalt2()">Inhalt 2</button>
<br /><h1>Irgendeininhalt</h1>
</div>
</body>
</html>

JavaScript (am besten auch in den Body bereich):

function Inhalt1(){
var Inhalt = document.getElementById('inhalt');
Inhalt.innerHTML = '<button onclick="Inhalt1()">Inhalt1</button>
<button onclick="Inhalt2()">Inhalt2</button><br /><h1>Irgendeininhalt</h1>';
}

function Inhalt2(){
var Inhalt = document.getElementById('inhalt');
Inhalt.innerHTML = '<button onclick="Inhalt1()">Inhalt1</button>
<button onclick="Inhalt2()">Inhalt2</button><br /><h1>Irgendeininhalt 2</h1>';
}

...zur Antwort