İnternet Explorer jQuery Problemi

Php üzerinde bir otelin dolu/boş oda durumlarını gösteren bir sayfa hazırlıyorum. Sayfayı öyle yada böyle hazırladım.

Lakin hızlı güncelleme yaptığım panelde jquery de kullanmak zorunda kaldım. Yaptığım sayfa Firefox da sorunsuz çalışırken İnternet Explorer 6-7-8 sürümlerinde sorunlu çalışıyor veya çalışmmıyor.

Kodları henüz sadeleştirip güvenlik ayarlarını yapmadım...

Çalışan versiyonları şurada
http://osmanakarr.byethost11.com/OR/odavekatlar.php
http://osmanakarr.byethost11.com/OR/masaustu.php
masaustu.php dosyası arızalı çalışıyor/çalışmıyor...

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<link rel="stylesheet" href="ekdosyalar/ok_style.css" />
	<style type="text/css">
	</style>
	<script type="text/javascript" src="ekdosyalar/jquery171.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('form').submit( serilestir );
		
		$('input:checkbox').click(function() {
			var deger;
			deger=$(this).attr('value');
			if(	deger=="Dolu"){$(this).attr('value',"Bos")}else if (deger=="Bos"){$(this).attr('value',"Dolu")}
		});
	});
	
	function serilestir()
	{	
		$("#sonuc").html("");
		goster();
		var gonder = $('form').serialize();
		
		$.post("masaustu_islem.php",{osman:gonder},function(sonuc){
			$("#sonuc").html(sonuc);
			gizle();
		}); 
				
		return false;
	}
	function gizle(){
		$("#mesaj").css("display","none");
	}
	function goster(){
		$("#mesaj").css("display","block");
	}
</script>
</head>
<body>
<div id="mesaj" style="display:none;">
<div style="position:absolute; z-index:999; width:100%; height:100%; background-image:url('resimler/loadbg.png');" >
<div style="position:absolute; background-color:#FFF; top:50%; left:50%; margin-top:-50px; margin-left:-100px;  height:100px; width:200px; text-align:center;">
<img src="resimler/sil.png" alt="Kapat" style="position:absolute; right:0; top:0; cursor:pointer;" onclick="gizle();"/>
<img src="resimler/load.gif" alt="Yükleniyor..." />
<br />
Yükleniyor
<br />
Lütfen Bekleyin...
</div>
</div>
</div>
<form action="deneme.php" method="post">
<? 

$SqlText_Kat='Select * From otel_katlar ORDER BY Adi';
$Sorgu_Kat=mysql_query($SqlText_Kat);
while($AktifSatir_Kat = mysql_fetch_array($Sorgu_Kat))
{
	//Katlar Yazdırılıyor   
	echo '<span class="kat_class">';
	echo '<span class="kat_adi"><h3>'.$AktifSatir_Kat["Adi"].'</h3></span></span>';

		// Katlara Ait Odalar Yazdırılıyor
		echo '<span class="oda_class" style="padding-bottom:0px;">';
		$SqlText_Oda='SELECT oo.Id as OdaId, oo.Adi as OdaAdi, oo.Kat_Id as KatId, ooks.Adi as OdaTuru, ooks.Sayi as Sayi, ood.Adi As OdaDurumu FROM otel_odalar as oo 
		LEFT JOIN otel_oda_kisi_sayilari as ooks ON oo.Kisi_Sayisi = ooks.Id 
		LEFT JOIN otel_oda_durumlari as ood ON oo.Durum=ood.Id WHERE Kat_Id="'.$AktifSatir_Kat["Id"].'" ORDER BY OdaAdi';
		$Sorgu_Oda=mysql_query($SqlText_Oda);
		while($AktifSatir_Oda = mysql_fetch_array($Sorgu_Oda))
		{
			echo '<span class="odarenk" style="display:inline-block; line-height:16px; margin-right:10px; margin-bottom:5px;"><input type="checkbox" name="'.$AktifSatir_Oda["OdaId"].'" ';
			if ($AktifSatir_Oda["OdaDurumu"] == "Bos"){
				echo ' value="Bos"';
			}
			elseif ($AktifSatir_Oda["OdaDurumu"] == "Dolu"){
				echo ' value="Dolu"  checked="checked"';
			}
			elseif ($AktifSatir_Oda["OdaDurumu"] == "ServisDisi"){
				echo ' value="ServisDisi" disabled="disabled" ';
			}						
			echo '/> '.$AktifSatir_Oda["OdaAdi"].' ('.$AktifSatir_Oda["Sayi"].')  </span>';
		}
		echo '</span>';
}
?>
<br />
<button value="duzelt">Kayıtları Güncelle</button>
</form>

<span id="sonuc"></span>
</body>
</html>

Cevaplar

11 yıl önce yazılmış

sagoral

38 cevap - 2 soru
Kendim denedim masaüstü.php dosyasını.. IE9'da çalışıyor sorunsuz olarak
- osmanakarr
  Sorun Zaten İe9 da değil. Sorun İe 6-7-8 sürümlerinde
  
  11 yıl önce yazılmış
11 yıl önce yazılmış

osmanakarr

1 cevap - 3 soru
İE 6-7-8 sürümlerinde çalışmıyor ve tasarım bozukluğu oluyordu.
en üstteki
```
<html> 
```
kısmını
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
```
olarak değiştirince tasarım bozukluğu giderildi.
```
$("#sonuc").html("");
```
kısmını
```
$("#sonuc").empty();
```
olarak değiştirince
Kodlar İe8 de de sorunsuz çalışmaya başladı.

Tabi extra sorunlarda var. Mesala ne yaparsam yapayım sayfayı(masaustu.php) ie7 de açaya çalışınca otomatik olrak kapanıyor. yardımlarınızı bekliyorum.

Sonuç Olarak;
Son değişikliklere rağmen hala ie6-7 de problemlerim var. ie6daki tasarım bozukluğunu gideremedim. butonun resmi gözükmüyor. çok karıştı ama neyse
ie6 önizleme: http://osmanakarr.byethost11.com/OR/WXPIE6000.jpg