Czerny: Via Select/Options und style.display Container ein-/ausblenden

Beitrag lesen

Hallo zusammen,

ich bräuchte dringend Hilfe bei einem Script, weil es da mit meinen JavaScript Kenntnissen zu Ende geht...

Und zwar geht es darum, dass ich gerne über ein "<select><option>..." Dropdown den Style mehrerer HTML-Elemente auf "display: block" bzw. "display: none" ändern würde, sodass ich dort mehrere Sprachen auflisten kann und immer nur die Elemente mit entsprechenden Sprachinhalten sichtbar sind. Bemerkt sei außerdem, dass das ganze für ein eBay-Layout ist und auf deren eingeschränkten JavaScript-Möglichkeiten laufen sollte.

Momentan will es aber nicht funktionieren und ich weiß nicht wirklich warum...

Hier der komplette Quelltext:

<?xml version="1.0" encoding="utf-8"?>  
  
<!DOCTYPE html  
	PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html dir="ltr" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">  
	<head>  
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />  
		<title>Language Script</title>  
		<style type="text/css">  
  
			<!--  
  
				.intl {  
					display: none;  
				}  
  
			-->  
  
		</style>  
		<script type="text/javascript">  
  
			<!--  
  
				/* <![CDATA[ */  
  
					function $(e) {  
						return (document.getElementById(e));  
					}  
  
					function $S(e) {  
						return (document.getElementById(e).style.display = 'block');  
					}  
  
					var localization = 'en';  
  
					function change(language) {  
						if (language.options[0].selected) {  
							localization = 'en';  
						} else if (language.options[1].selected) {  
							localization = 'de';  
						}  
					}  
  
				/* ]]> */  
  
			//-->  
  
		</script>  
	</head>  
	<body>  
  
		<!-- English -->  
		<p class="intl" id="lang_en">  
			Language:  
		</p>  
		<!-- German -->  
		<p class="intl" id="lang_de">  
			Sprache:  
		</p>  
  
		<form method="post" action="">  
			<select name="language" onchange="change(this);">  
				<option selected>English</option>  
				<option>Deutsch</option>  
			</select>  
		</form>  
  
		<hr />  
  
		<!-- English -->  
		<div class="intl" id="text_en">  
			English text goes here.  
		</div>  
		<!-- German -->  
		<div class="intl" id="text_de">  
			Deutscher Text, bla bla.  
		</div>  
  
		<script type="text/javascript">  
  
			<!--  
  
				/* <![CDATA[ */  
  
					$S('lang_' + localization);  
					$S('text_' + localization);  
  
				/* ]]> */  
  
			//-->  
  
		</script>  
  
	</body>  
</html>

Wäre super wenn mir da jemand weiterhelfen könnte!

Vielen Dank schonmal!!