basicform7.js

//  JavaScript: Basic Forms, Example 7
//  Multiple example
//
//  Copyright (c) Paul Griffiths, 2007
//  Email: mail@paulgriffiths.net

var selected = 0;

function changeImageList(form) {
  selected = form.listSel.selectedIndex;
  updateControls(form);
}

function changeImageDrop(form) {
  selected = form.dropSel.selectedIndex;
  updateControls(form);
}

function changeImageRad(form) {
  if ( form.radSel[0].checked )
    selected = 0;
  else if ( form.radSel[1].checked )
    selected = 1;
  else
    selected = 2;

  updateControls(form);
}

function changeImageButton(n, form) {
  selected = n;
  updateControls(form);
}

function updateControls(form) {
  form.listSel.selectedIndex = selected;
  form.dropSel.selectedIndex = selected;
  form.radSel[selected].checked = true;
  if ( selected == 0 ) {
    document.images["flag"].src = "/images/program/js/forms/walesflag.png";
    document.images["flag"].alt = "Welsh Flag";
    form.textBox.value = "Wales";
  }
  else if ( selected == 1 ) {
    document.images["flag"].src = "/images/program/js/forms/scotflag.png";
    document.images["flag"].alt = "Scottish Flag";
    form.textBox.value = "Scotland";
  }
  else {
    document.images["flag"].src = "/images/program/js/forms/engflag.png";
    document.images["flag"].alt = "English Flag";
    form.textBox.value = "England";
  }
}