jesteś w: Główna > javascript > funkcje > javascript: elemDisplayType()
Ostatnia aktualizacja tej strony: 2006-12-05, 10:12:53

funkcje javascript: elemDisplayType() - zmienia styl display elementu.

FALSE elemDisplayType(this/'id', displayType1, displayType2);

displayType1 i displatType2 określają jak ma zachowywać się element. Jeśli obecny display nie jest taki sam jak displayType1 to ustawiany jest displayType1, w przeciwnym wypadku ustawiany jest displayType2.

function elemDisplayType(a, d1, d2){
  if(a.href){
    id = a.href.substr(a.href.indexOf('#')+1);
  }else{
    id = a;
  }
  var obj = document.getElementById(id);
  if(obj.style.display != d1){
    obj.style.display = d1;
  }else{
    obj.style.display = d2;
  }
  return false;
}

użycie: jeśli link prowadzi do elementu, któremu chcemy zmienić typ wyświetlania używamy słowa kluczowego this.

<div id="menu">Tutaj znajduje się menu</div>
<a href="#menu" onclick="elemDisplayType(this, 'block', 'none');">pokaz</a>

użycie: jeśli link nie prowadzi do elementu, któremu chcemy zmienić sposób wyświetlania używamy wtedy id elementu docelowego. Ta metoda jest nie zalecana.

<div id="menu">Tutaj znajduje się menu</div>
<a href="http://www.inna.strona.pl" onclick="elemDisplayType('menu', 'block', 'none'/);">pokaz</a>

Menu

Działy:

Quick start:

Inne:

animacje Flash

Diablo 2: