Dinamik telefon listesi

Haluk · 21 Ağustos 2006

İş yerimdeki web sayfasında uyguladığım dinamik bir telefon listesi ...

HTML:

<html>
	<head>
		<script language="JavaScript">

		function yonetici()
		{
		var TelListe = document.secenek.elemanlar;
		document.secenek.elemanlar.length = 0;
		TelListe.options[TelListe.options.length] = new Option('Y&#246;netici1 - 6801','0');
		TelListe.options[TelListe.options.length] = new Option('Y&#246;netici2 - 3703','1');
		TelListe.options[TelListe.options.length] = new Option('Y&#246;netici3 - 3740','2');
		}

		function mimarlar()
		{
		var TelListe = document.secenek.elemanlar;
		document.secenek.elemanlar.length = 0;
		TelListe.options[TelListe.options.length] = new Option('Mimar1 - 3227','0');
		TelListe.options[TelListe.options.length] = new Option('Mimar2 - 2424','1');
		TelListe.options[TelListe.options.length] = new Option('Mimar3 - 3940','2');
		TelListe.options[TelListe.options.length] = new Option('Mimar4 - 7840','3');
		TelListe.options[TelListe.options.length] = new Option('Mimar5 - 5647','4');
		TelListe.options[TelListe.options.length] = new Option('Mimar6 - 1638','5');
		}

		function insmuh()
		{
		var TelListe = document.secenek.elemanlar;
		document.secenek.elemanlar.length = 0;
		TelListe.options[TelListe.options.length] = new Option('&#304;n&#351;. M&#252;h.1 - 4589','0');
		TelListe.options[TelListe.options.length] = new Option('&#304;n&#351;. M&#252;h.2 - 4523','1');
		TelListe.options[TelListe.options.length] = new Option('&#304;n&#351;. M&#252;h.3 - 1224','2');
		TelListe.options[TelListe.options.length] = new Option('&#304;n&#351;. M&#252;h.4 - 1298','3');
		TelListe.options[TelListe.options.length] = new Option('&#304;n&#351;. M&#252;h.5 - 2920','4');
		TelListe.options[TelListe.options.length] = new Option('&#304;n&#351;. M&#252;h.6 - 4578','5');
		}

		function makmuh()
		{
		var TelListe = document.secenek.elemanlar;
		document.secenek.elemanlar.length = 0;
		TelListe.options[TelListe.options.length] = new Option('Mak. M&#252;h.1 - 2345','0');
		TelListe.options[TelListe.options.length] = new Option('Mak. M&#252;h.2 - 1269','1');
		TelListe.options[TelListe.options.length] = new Option('Mak. M&#252;h.3 - 8878','2');
		TelListe.options[TelListe.options.length] = new Option('Mak. M&#252;h.4 - 4478','3');
		}

		function elkmuh()
		{
		var TelListe = document.secenek.elemanlar;
		document.secenek.elemanlar.length = 0;
		TelListe.options[TelListe.options.length] = new Option('Elk. M&#252;h.1 - 4532','0');
		TelListe.options[TelListe.options.length] = new Option('Elk. M&#252;h.2 - 1245','1');
		TelListe.options[TelListe.options.length] = new Option('Elk. M&#252;h.3 - 4585','2');
		TelListe.options[TelListe.options.length] = new Option('Elk. M&#252;h.4 - 3212','3');
		TelListe.options[TelListe.options.length] = new Option('Elk. M&#252;h.5 - 9889','3');
		}

		function idariburo()
		{
		var TelListe = document.secenek.elemanlar;
		document.secenek.elemanlar.length = 0;
		TelListe.options[TelListe.options.length] = new Option('K&#305;s&#305;m Amiri - 2415','0');
		TelListe.options[TelListe.options.length] = new Option('&#350;ef - 5698','1');
		TelListe.options[TelListe.options.length] = new Option('&#350;ef Yard. - 1245','2');
		TelListe.options[TelListe.options.length] = new Option('Memur1 - 3236','3');
		TelListe.options[TelListe.options.length] = new Option('Memur2 - 4554','3');
		}
		</script>
</head>

<body>
		<b>Telefon numaras&#305; &#246;&#287;renmek i&#231;in a&#351;a&#287;&#305;dan birim se&#231;iniz ...</b>
		<br>
		<br>
		<form name="secenek">
			<!-- Eger asagidaki radio butonlar&#305;n name ozelliklerinin herbirini degisik yapsaydik,
     			     o zaman, butun tiklananlar secili kalirdi -->

			<input type="radio" name="liste" VALUE="no" onClick="yonetici()"> Y&#246;neticiler
			<input type="radio" name="liste" VALUE="no" onClick="mimarlar()"> Mimarlar
			<input type="radio" name="liste" VALUE="no" onClick="insmuh()"> &#304;nsaat M&#252;h. B&#252;rosu
			<input type="radio" name="liste" VALUE="no" onClick="makmuh()"> Makina M&#252;hendisleri
			<input type="radio" name="liste" VALUE="no" onClick="elkmuh()"> Elektrik M&#252;hendisleri
			<input type="radio" name="liste" VALUE="no" onClick="idariburo()"> &#304;dari B&#252;ro
			<br>
			<br>
			<b>Liste</b>
			<select name="elemanlar">
			<option selected> Yukaridan seciminizi yap&#305;n ...
			</select>
		</form> 

</body>
</html>

Dinamik telefon listesi

Haluk

𐱅𐰇𐰼𐰚