nicht angemeldet
Gernot BackHallo nochmal,
hier übrigens noch eine Luxusversion:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formularelement und Liste per Checkbox ein- und ausblenden</title>
<style type="text/css">
[code lang=css]/*
damit 'einblenden' und 'ausblenden'
gleich breit sind, sonst zappelt's!
*/
form, input {
font-family:monospace;
}
form div {
font-family:sans-serif;
}
</style>
<script type="text/javascript">
function einaus (obj) {
with(obj)
if(checked)
with(nextSibling) {
data = ' ' + value + ' ausblenden';
nextSibling.style.display = '';
}
else
with(nextSibling) {
data = ' ' + value + ' einblenden';
nextSibling.style.display = 'none';
}
}
</script>
</head>
<body>
<form action="">
<input type="checkbox" name="cListe1" value="Liste1" onClick="einaus(this)">
Liste1 einblenden
<div style="display:none;">
Eingabe: <input name="input" type="text">
<ol>
<li>eins</li>
<li>zwei</li>
<li>drei</li>
</ol>
</div>
</form>
</body>
</html>[/code]
... wobei ich mir allerdings nicht sicher bin, ob es von der Nutzerführung wirklich sinnvoll wäre, den Text 'Liste ausblenden' neben der gecheckten Box einzublenden, wenn die Liste darunter ja doch eingeblendet ist - soll eigentlich nur zur Demonstration dienen, was man mit DHTML sonst noch alles machen könnte.
Gruß Gernot