Baza wiedzy /

Element HTML pojawiający się po zaznaczeniu checkboxa

Najprostrzym rozwiązaniem aby osiagnąć efekt pojawiającego się i znikającego elementu na stronie www jest zastowsowanie JavaScript za pomocą którego bedziemy podmieniać styl display elementu który chcemy ukrywać. Oto przykład takiego rozwiązania:

 <script type="text/javascript">
   var form = document.getElementById('odkryj');
   var obiekt = document.getElementById('ukryty');
 </script>

 <form method="POST" action="#">
   <input type="checkbox" name="odkryj" id="odkryj" value="ON" onCheck="(obiekt.style.display=(form.checked)?'':none; )">
 </form>

 <div id="ukryty" style="display: none">
   <p>Element ukryty</p>
 </div>