PHP gevorderde |
|
Via Javascript...
<script type="text/javascript">
function toon_tekst() {
var toon = document.getElementById("toon");
var tekst = document.getElementById("tekst");
if (tekst.style.display == "none") {
toon.innerHTML = "Verberg";
tekst.style.display = "block";
} else {
toon.innerHTML = "Toon";
tekst.style.display = "none";
}
}
</script>
<div id="toon" style="display: block;" onclick="toon_tekst()">Toon</div>
<div id="tekst" style="display: none; height: auto; width: 500px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean molestie mattis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam rutrum urna sit amet mi. Nam a odio in orci congue adipiscing. Morbi cursus fringilla massa. Donec mollis, sapien in scelerisque iaculis, tellus lorem faucibus tellus, eu tristique sapien justo et felis. Fusce id augue. Integer vitae dolor ut quam facilisis pretium. Maecenas vitae eros. Nunc ullamcorper nonummy felis. Nunc ligula dui, blandit sed, commodo sed, sodales vel, nunc. Praesent in tortor.</div>
<script type="text/javascript"> function toon_tekst() { var toon = document.getElementById("toon"); var tekst = document.getElementById("tekst"); if (tekst.style.display == "none") { toon.innerHTML = "Verberg"; tekst.style.display = "block"; } else { toon.innerHTML = "Toon"; tekst.style.display = "none"; } } </script> <div id="toon" style="display: block;" onclick="toon_tekst()">Toon</div> <div id="tekst" style="display: none; height: auto; width: 500px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean molestie mattis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam rutrum urna sit amet mi. Nam a odio in orci congue adipiscing. Morbi cursus fringilla massa. Donec mollis, sapien in scelerisque iaculis, tellus lorem faucibus tellus, eu tristique sapien justo et felis. Fusce id augue. Integer vitae dolor ut quam facilisis pretium. Maecenas vitae eros. Nunc ullamcorper nonummy felis. Nunc ligula dui, blandit sed, commodo sed, sodales vel, nunc. Praesent in tortor.</div>
Iets in die aard .
Edit:
Ik heb 'Schuil' aangepast, is nu 'Verberg' .
@beneden, ligt eraan.
Verbetering op mijn code:
<script type="text/javascript">
function toon_verberg(object, id) {
var weergave = document.getElementById(id);
if (weergave.style.display == "none") {
object.innerHTML = "Verberg";
weergave.style.display = "block";
} else {
object.innerHTML = "Toon";
weergave.style.display = "none";
}
}
</script>
<div id="toon" style="display: block;" onclick="toon_tekst(this, 'tekst')">Toon</div>
<div id="tekst" style="display: none; height: auto; width: 500px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean molestie mattis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam rutrum urna sit amet mi. Nam a odio in orci congue adipiscing. Morbi cursus fringilla massa. Donec mollis, sapien in scelerisque iaculis, tellus lorem faucibus tellus, eu tristique sapien justo et felis. Fusce id augue. Integer vitae dolor ut quam facilisis pretium. Maecenas vitae eros. Nunc ullamcorper nonummy felis. Nunc ligula dui, blandit sed, commodo sed, sodales vel, nunc. Praesent in tortor.</div>
<script type="text/javascript"> function toon_verberg(object, id) { var weergave = document.getElementById(id); if (weergave.style.display == "none") { object.innerHTML = "Verberg"; weergave.style.display = "block"; } else { object.innerHTML = "Toon"; weergave.style.display = "none"; } } </script> <div id="toon" style="display: block;" onclick="toon_tekst(this, 'tekst')">Toon</div> <div id="tekst" style="display: none; height: auto; width: 500px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean molestie mattis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam rutrum urna sit amet mi. Nam a odio in orci congue adipiscing. Morbi cursus fringilla massa. Donec mollis, sapien in scelerisque iaculis, tellus lorem faucibus tellus, eu tristique sapien justo et felis. Fusce id augue. Integer vitae dolor ut quam facilisis pretium. Maecenas vitae eros. Nunc ullamcorper nonummy felis. Nunc ligula dui, blandit sed, commodo sed, sodales vel, nunc. Praesent in tortor.</div>
|