• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

javascript anket (seçime göre bir sonraki seçeneği kapatır)

Konuyu Okuyan Kişiler (0)

kralmermi

webmaster.tc
Katılım
6 Ağu 2012
Mesajlar
93
Beğeniler
0
Konum
<?php ?>
#1
Alıştırma olarak zamanında yaptiğım çalışmalardan bir tanesi. Belki işinize yarar. Direk html sayfanın kopyasını yapiştiriyorum. Kolay gelsin.

HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
  function radiokontrol(id, deger)
  {
	 //var sonuclar = new Array(["25","50"], ["25","50"], ["50","100"], ["75","25"], ["25","100"], ["75","100"], ["75","50"], ["25","100"], ["50","100"], ["75","100"]);
	 var sonuclar = new Array(25,50,75,100);
	 var oncekiid = id-1;
	 var sonrakiid = id+1;
	 var oncekisoru = "soru-"+oncekiid;
	 var secilensoru = "soru-"+id;
	 var secilensoruname = document.getElementsByName(secilensoru);
	 var sonrakisoru = "soru-"+sonrakiid;
	 var sonuc = "";
	 var secim = document.getElementsByName(oncekisoru);
	 if(id == "0")
	 {
		var random_sayi=Math.floor(Math.random()*4); 
	   	var yasakliyerler = sonuclar[0];
		for(i=0; i<document.getElementsByName(sonrakisoru).length; i++) {
			document.getElementsByName(sonrakisoru)[i].checked=false;
		  	if(document.getElementsByName(sonrakisoru)[i].value == sonuclar[random_sayi]) {
			  document.getElementsByName(sonrakisoru)[i].disabled=true;	}
			else {  
			document.getElementsByName(sonrakisoru)[i].disabled=false; }
		}
	 }
	 else
	 {
		for (var i = 0; i < secim.length; i++)
		{
		 if(secim[i].checked == true)
		 {sonuc = ""; var random_sayi=Math.floor(Math.random()*4); break;}
		 else{
			 sonuc = "Secim Yapmadınız";
		 }
		}
		for(i=0; i<document.getElementsByName(sonrakisoru).length; i++) {
			document.getElementsByName(sonrakisoru)[i].checked=false;
			if(document.getElementsByName(sonrakisoru)[i].value == sonuclar[random_sayi]) {
			  document.getElementsByName(sonrakisoru)[i].disabled=true;	}
			else {  
			document.getElementsByName(sonrakisoru)[i].disabled=false; }
		}
		//sonuc == "" ? "" : alert(sonuc);
		if(sonuc == ""){}else{
			alert(sonuc);
			for(i=0; i<secilensoruname.length; i++)
			{
			  secilensoruname[i].checked=false;	
			}
		}
	 }
  }
  
  function tabloolustur()
  {
	var sorular = new Array("Okulumuzda çalışanlarla ilgili kararlar, çalışanların katılımıyla demokratik bir şekilde alınır", "Okulumuzda çalışanların dile getirdiği şikâyet ve öneriler dikkate alınmaktadır.", "Okulumuzun kalite politikasını destekliyorum.", "Okulda çalıştığım işle ilgili alınacak kararlarda görüşüm alınmaktadır.", "Okul yönetiminden memnunum ", "Kurumdaki tüm duyurular çalışanlara zamanında iletilir.", "Okulumuzda yapılan faaliyetlerde herkes birbirine yardımcı olur. ", "Okul yöneticileri ile sağlıklı iletişim kurabiliyorum. /Okul içerisinde üstlerimle sağlıklı iletişim kurabiliyorum.", "Okulda, öğretmenler ile sağlıklı iletişim kurabiliyorum.", "Okulda, diğer çalışanlar ile sağlıklı iletişim kurabiliyorum.");
	SoruSay = sorular.length;
	var hasan = "hasa";
	var ekran = ('<form name="babaanketfrm" id="babaanketfrm">');
	var ekran = ekran+('<table border="1" width="100%">');
	  var ekran = ekran+('<tr>');
	    var ekran = ekran+('<td width="80%"><b>Sorular</b></td>');
		var ekran = ekran+('<td width="5%" align="center"><b>A</b></td>');
		var ekran = ekran+('<td width="5%" align="center"><b>B</b></td>');
		var ekran = ekran+('<td width="5%" align="center"><b>C</b></td>');
		var ekran = ekran+('<td width="5%" align="center"><b>D</b></td>');
	  var ekran = ekran+('</tr>');  
	for(i=0; i<SoruSay; i++)
	{
	  var ekran = ekran+('<tr>')
		var ekran = ekran+('<td>'+sorular[i]+'</td>');
		var ekran = ekran+('<td><input type="radio" name="soru-'+i+'" id="soru-'+i+'" value="25" onclick="radiokontrol('+i+', 25);" /></td>');
		var ekran = ekran+('<td><input type="radio" name="soru-'+i+'" id="soru-'+i+'" value="50" onclick="radiokontrol('+i+', 50);" /></td>');
		var ekran = ekran+('<td><input type="radio" name="soru-'+i+'" id="soru-'+i+'" value="75" onclick="radiokontrol('+i+', 75);" /></td>');
		var ekran = ekran+('<td><input type="radio" name="soru-'+i+'" id="soru-'+i+'" value="100" onclick="radiokontrol('+i+', 100);" /></td>');
 	  var ekran = ekran+('</tr>');
	}
	var ekran = ekran+('</table>');
	var ekran = ekran+('</form>');  
	document.getElementById("ekranabas").innerHTML = ekran;
  }
</script>
<style type="text/css">
body,td,th {
	font-size: 12px;
	color: #000;
	font-family: verdana;
}
</style>
</head>

<body onload="tabloolustur()">
<div id="ekranabas">

</div>
</body>
</html>