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()">
27 mar 2008

Znaki i kody znaków z wybranego pola formularz

Jako parametr należy podać id pola z formualrz field_name

var elem = document.getElementById(field_name);

var str = elem.value;
var cnt = str.length;
var kody = '';

for (i = 0; i < cnt; i++) kody += str.charAt(i) + ',' + str.charCodeAt(i) + ', ' alert(kody);
12 mar 2008

Walidacja formularza w Javascript

Walidacja formularza w Javascript 

function vf() {

  var a = "";
  var b = "";

  if (document.f2.first_name.value == "") {
    if (!a) b = 'first_name';
    document.f2.first_name.style.background = 'yellow';
    a = a + " - podaj imię"
  }
  else
    document.f2.first_name.style.background = 'white';
  for (i = 1; i <= document.f2.uc.value; i++) {
    t_data_urodzenia_y = eval('document.f2.p' + i + '_dob_yyyy');

    if (t_data_urodzenia_y.selectedIndex == 0) {
      if (!a && t_data_urodzenia_d.selectedIndex == 0) b = 'p' + i + '_dob_yyyy';
      t_data_urodzenia_y.style.background = 'yellow';
      a = a + " - podaj datę urodzenia osoby nr " + i;
    }
    else {
      t_data_urodzenia_y.style.background = 'white';
    }
  }

  var c = document.getElementById('akc_war');
  if (!document.f2.warunki_uczestnictwa.checked) {
    if (!a) b = 'warunki_uczestnictwa';
    c.style.background = 'yellow';
    a = a + " - musisz zaakceptować warunki uczestnictwa";
  }
  else
    c.style.background = 'white';

  if (a) {
    alert("UWAGA!" + a);
    if (b) eval('document.f2.' + b + '.focus()');
    return false;
  }
  return true;
}

Wywołanie walidacji

<form name="f2" action="" onSubmit="return vf()">