Universal Related Popup Menus / Non-Live Related Menus

Non-live Related Menus

Universal Related Popup Menus

Related Select Lists

Changing the related live popups to non-live popups takes one more step. We comment out the "jmp(formName,elementNum)" from the "relate" else clause, to make the left popup non-live for JavaScript 1.0 browsers.

...
aln2=a.length;
var formNum = getFormNum(formName);
if (formNum>=0) {
	formNum++; // reference next form, assume it follows in HTML
	with (document.forms[formNum].elements[elementNum]) {
		for (var i=options.length-1;i>0;i--) options[i]=null;
		for (var i=1;i<aln2;i++) options[i-1]=a[i];
		options[0].selected=true;
	}
}
} else {
// jmp(formName,elementNum);
// commented out to make left menu non-live for js 1.0 browsers
}
}

As before, to make the right popup non-live, we simply remove the onChange event from the second SELECT tag.

<SELECT NAME="m2">

With these "non-live" related menus, the left menu changes the right menu for JavaScript 1.1 browsers, but the right one is now not live (removed the onChange from the SELECT tag as in the single non-live menu), users must hit the "Go" button to jump to that page. The left menu is also non-live for JavaScript 1.0 browsers, as we commented out the "jmp(formName,elementNum)" from the "else JavaScript 1.0" clause from the relate function. So to jump to any page within each of these two menus the user must click on the matching Go button.



Comments are welcome

 


Created: Oct. 29, 1997
Revised: July 22, 1999

URL: https://webreference.com/dev/menus/nonlive2.html