31 mar 2008

Ukrywanie elementów SELECT

<script>

  var lE = ["SELECT"];
  var bE = [];
  var hE = 0;

  var psaie = (document.all && (window.navigator.userAgent.indexOf("Opera") == -1)) ? true : false;

  function ListElem() {

    if (psaie) {
      for (i = 0; i < lE.length; i++) {
        bE[i] = document.getElementsByTagName
          ? document.getElementsByTagName(lE[i]) : document.all ? document.all.tags(lE[i]) : "";
      }
      SetVisElem('hidden');
      hE = 1;
    }
  }

  function SetVisElem(opt) {
    if (bE && (bE.length > 0)) {
      for (i = 0; i < bE.length; i++) {
        if (bE[i].length > 0) {
          for (j = 0; j < bE[i].length; j++)
            if (bE[i][j].style) bE[i][j].style.visibility = opt;
        }
      }
    }
  }

  function SetElem() {
    if (hE == 0)
      ListElem();
    else {
      SetVisElem('visible');
      hE = 0;
    }
  }
</script>

<select name="depmonth" class="w127">
  <option value="1">styczeń</option>
  <option value="2">luty</option>
  <option value="3">marzec</option>
  <option value="4" selected>kwiecień</option>
  <option value="5">maj</option>
  <option value="6">czerwiec</option>
  <option value="7">lipiec</option>
  <option value="8">sierpień</option>
  <option value="9">wrzesień</option>
  <option value="10">paĽdziernik</option>
  <option value="11">listopad</option>
  <option value="12">grudzień</option>
</select>
<input type="button" name="uktyj" value="Ukryj" onClick="SetElem()">