Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pokaż Ukryj kod
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Lelek919
Możecie mnie naprowadzić w jaki sposób zmodyfikować kod aby po wybraniu pozycji z Poz1 Poz2 lub od kliknięciu poza obszarem obojętne w którym miejscu ekranu powracało do funkcji: Pokaż (chowało się)

  1. <script language="javascript" type="text/javascript">
  2. function showHide(id_div,button){
  3. var el = document.getElementById(id_div);
  4. if(el.style.display=="none"){
  5. el.style.display="block";
  6. button.value="ukryj";
  7. }else{
  8. el.style.display="none";
  9. button.value="pokaż";
  10. }
  11. }
  12. </script>
  13. <input type="button" value="pokaż" onclick=showHide("jakisid",this) id="but">
  14. <div style="width:100px; height:50px: display:none;" id="jakisid">
  15. Poz1 Poz2 itp
  16. </div>
kamil4u
Nie do końca zrozumiałem, ale coś w tym stylu:
Kod
<script language="javascript" type="text/javascript">
function showHide(id_div,button){
var el = document.getElementById(id_div);
if(el.style.display=="none"){
  el.style.display="block";
  window.onclick = function(){ showHide("jakisid", document.getElementById('but')) }
button.value="ukryj";
}else{
  el.style.display="none";
  window.onclick = null;
button.value="pokaz";
}
}


window.onclick = function(){ showHide("jakisid", document.getElementById('but')) }
onload = function(){
document.getElementById('jakisid').onclick = function(e){ e = e||event; e.stopPropagation(); }
document.getElementById('but').onclick = function(e){
e = e||event; e.stopPropagation(); showHide("jakisid",this);
}
}

</script>
<input type="button" value="ukryj" id="but">
<div style="width:100px; height:50px: display:none; border: 1px solid black;" id="jakisid">
Poz1 Poz2 itp
</div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.