So, I was trying to take these elements to unobtrusiveness and extendability:

* Select box navigation
* and a simple popup-window via an onclick event

I got these to work on FF but not IE6, http://test.pixelbebop.com/test26/.

For the select-box nav, I recall that "onclick" won't work on the option-tags (for reference to those that need remembering), so I prompted to do getElementsByTagName("select") vs "option", and use the "onchange" event on it.

For the popup-window, IE6 doesn't even load the popup but manages to change the current browser window to the link that I wanted to load in the popup-window in the first place.

With that, I'm just wondering if there is any other things I'm missing, or subjects/topics I should be aware of, in getting these to work in all/most the major browser starting w/ IE6? Pointers, hints, suggestions are greatly appreciated.

Thanks in advance,
Sherwin


PS. Here's the source I have in the link above just in case the server is down:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
			<script type="text/javascript" src="scripts/common.js"></script><!-- via Dustin Diaz -->
			<script type="text/javascript" language="javascript">
				// NOTE: This doesn't work in IE6
				function popContent() {
					//alert('popContent() invoked');
					var content = document.getElementsByTagName("a");
					for (var i=0; i<content.length; i++) {
						if (content[i].getAttribute("class") == "pop-content") {
							content[i].onclick = function() {
								var popUpWin=0;
								function popUpWindow(URLStr, left, top, width, height) {
									if(popUpWin) {
										if(!popUpWin.closed) popUpWin.close();
									}
									popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
									return false;
								}
							
								popUpWindow(this.href, 440, 312, 400, 400);
								return false;
							}
						}
					}
				}
				function switchPage() {
					var selectOptions = document.getElementsByTagName("select");
					for (var i=0; i<selectOptions.length; i++) {
						if (selectOptions[i].getAttribute("class") == "switch-page") {
							// NOTE: This doesn't work in IE6
							selectOptions[i].onchange = function() {
								location.href = this.value;
								return false;
							}
						}
					}
				}
				addLoadEvent(switchPage);
				addLoadEvent(popContent);
				
				/*
				// This works
				addLoadEvent(function() {
					$('select-category').onchange = function() {
						window.location = this.value;
						return false;
					}
				})
				addLoadEvent(function() {
					$('cta-help-see-video').onclick = function() {
						var popUpWin=0;
						function popUpWindow(URLStr, left, top, width, height) {
							if(popUpWin) {
								if(!popUpWin.closed) popUpWin.close();
							}
							popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
							return false;
						}
				
						popUpWindow(this.href, 440, 312, 400, 400);
						return false;
					}
				})
				*/
			</script>
	</head>

	<body>
		<p><a href="http://www.google.com/" id="cta-help-see-video" class="pop-content">Can&rsquo;t see this video?</a></p>
	
		<select id="select-category" class="switch-page">
			<option value="?cat=1" selected="selected">All Categories</option>
			<option value="?cat=2">Military Humor</option>
			<option value="?cat=3">Tributes</option>
			<option value="?cat=4">Hardware</option>
			<option value="?cat=5">Air Power</option>
			<option value="?cat=6">Land Power</option>
			<option value="?cat=7">Sea Power</option>
			<option value="?cat=8">Gun Battles</option>
			<option value="?cat=9">Explosions</option>
		</select>
	</body>
</html>