javascipt de kontrol

[zhelvaci]

Merhabalar ,

bir formum var ve 10 tane satırım ....
Veritabanına her bir satır için bir kayıt girdiriyorum.....
her bir satırda 5 tane textbox ım var ..1. textbox ıma bir integer deger girdirip
2.text box ımda ilk textboxda girdiğim degere baglı olarak veritabanından bir deger getirmesini istiyorum...
1. satırdaki diğer alanları manual dolduracağım ...

ve birde ilk başta tanımladığım 10 tane satır yetmezse en altta bir ekle butonum olacak tıklatınca
bir satır ekleyip doldurabileceğim ...

Yardımlarınızı rica ediyorum...
Teşekkürler
İyi çalışmalar ...

[anov]

veritabanından veri almak için boyutları çok küçük bir popup açılabilir.
popup server dan veriyi çekip , 2. alanın içeriğini doldurabilir.
veya IE 5.0 veya üstü için (XML data island) kullanılabilir. (IE ye özgü olur ama iyi olmaz böyle)

satır eklemek için ise , satırlardan biri şablon olarak kullanılıp , innerHTML özelliği bir div veya span içine eklenebilir.

şu anda aklıma gelenler bunlar...

[zhelvaci]

selam

popup kullanmak istemiyorum veriyi otomatik getirmek isitiyorum... 1. textbox ı doldurup o alandan cıktıktan sonra databse den veriyi cekip 2. alana getirecek ...XML data island ve satır eklemek için innerHTML özelliği nin kullanımı hakkında bir örnek kod yazabilirmisiniz..

[anov]

XML Data Islands:
http://www.yazgelistir.com/makalegoster.aspx?id=105
(yazgelistir.com üyelik gerektirir)
kendi sitesinde de vardı ama sanırım site kapanmış

innerHTML için şu anda örnek yazamayacağım (hatalara karşı test etmek gerek örnek kodları yoksa cevap verilen kişiye zaman kaybettiriyor)

şu başlık bir fikir verebilir kullanımı hakkında :
http://forum.ceviz.net/showthread.php?t=12840 (HunTER metodu :) -yazıcı uyumlu sayfa-)

[zhelvaci]

yapmak istediğim form .. sicilno yu girip yanındaki alana veritabınadan adsoyad yazdıracagım ve ekle butonundan da satır ekleteceğim ...veritabanı tarafında problem yok ..diğer konular için yardım rica ediyorum ...


------------------------

<table border=1 width=120% id=table2 cellspacing=0>
<tr>
<td align=center height=25><b>Sicil No-Adı Soyadı</b></td>
<td align=center height=25><b>Normal Mesai</b></td>
<td align=center height=25><b>Başlama Saati</b></td>
<td align=center height=25><b>Bitiş Saati</b></td>
<td align=center height=25><b>Süre</b></td>
<td align=center height=25><b>Fazla Mesai Nedeni</b></td>
</tr>
<tr>
<td align=center height=25>
<input type=text name=sicilno2 maxlength="4" onBlur="adoku(this.value)" onKeyPress="KeyEventIE(this)" size="4">
/&nbsp;
<input type=text name=sicilno9 maxlength="4" disabled onKeyPress="KeyEventIE(this)" size="29"></td>
<td align=center height=25><select size=1 name=nmesai2>
<option>Seçiniz</option>
<option>1</option>
</select></td>
<td align=center height=25>
<input type=text name=baslama1_s0 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=baslama1_d0 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>
</td>
<td align=center height=25>
<input type=text name=bitis1_s0 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=bitis1_d0 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25>
<input type=text name=sure1_s0 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=sure1_d0 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25><select size=1 name=neden2>
<option>Seçiniz</option>
<option>23423124 12323</option>

</select></td>
</tr>
<tr>
<td align=center height=25>
<input type=text name=sicilno6 maxlength="4" onBlur="adoku(this.value)" onKeyPress="KeyEventIE(this)" size="4">
/&nbsp;
<input type=text name=sicilno10 maxlength="4" disabled onKeyPress="KeyEventIE(this)" size="29"></td>
<td align=center height=25><select size=1 name=nmesai6>
<option>Seçiniz</option>
<option>1</option>
</select></td>
<td align=center height=25>
<input type=text name=baslama1_s4 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=baslama1_d4 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>
</td>
<td align=center height=25>
<input type=text name=bitis1_s4 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=bitis1_d4 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25>
<input type=text name=sure1_s4 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=sure1_d4 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25><select size=1 name=neden6>
<option>Seçiniz</option>
<option>23423124 12323</option>

</select></td>
</tr>
<tr>
<td align=center height=25>
<input type=text name=sicilno7 maxlength="4" onBlur="adoku(this.value)" onKeyPress="KeyEventIE(this)" size="4">
/&nbsp;
<input type=text name=sicilno11 maxlength="4" disabled onKeyPress="KeyEventIE(this)" size="29"></td>
<td align=center height=25><select size=1 name=nmesai7>
<option>Seçiniz</option>
<option>1</option>
</select></td>
<td align=center height=25>
<input type=text name=baslama1_s5 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=baslama1_d5 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>
</td>
<td align=center height=25>
<input type=text name=bitis1_s5 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=bitis1_d5 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25>
<input type=text name=sure1_s5 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=sure1_d5 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25><select size=1 name=neden7>
<option>Seçiniz</option>
<option>23423124 12323</option>

</select></td>
</tr>
<tr>
<td align=center height=25>
<input type=text name=sicilno8 maxlength="4" onBlur="adoku(this.value)" onKeyPress="KeyEventIE(this)" size="4">
/&nbsp;
<input type=text name=sicilno12 maxlength="4" disabled onKeyPress="KeyEventIE(this)" size="29"></td>
<td align=center height=25><select size=1 name=nmesai8>
<option>Seçiniz</option>
<option>1</option>
</select></td>
<td align=center height=25>
<input type=text name=baslama1_s6 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=baslama1_d6 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>
</td>
<td align=center height=25>
<input type=text name=bitis1_s6 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=bitis1_d6 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25>
<input type=text name=sure1_s6 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=sure1_d6 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25><select size=1 name=neden8>
<option>Seçiniz</option>
<option>23423124 12323</option>

</select></td>
</tr>
<tr>
<td align=center height=25>
<input type=text name=sicilno5 maxlength="4" onBlur="adoku(this.value)" onKeyPress="KeyEventIE(this)" size="4">
/&nbsp;
<input type=text name=sicilno13 maxlength="4" disabled onKeyPress="KeyEventIE(this)" size="29"></td>
<td align=center height=25><select size=1 name=nmesai5>
<option>Seçiniz</option>
<option>1</option>
</select></td>
<td align=center height=25>
<input type=text name=baslama1_s3 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=baslama1_d3 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>
</td>
<td align=center height=25>
<input type=text name=bitis1_s3 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=bitis1_d3 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25>
<input type=text name=sure1_s3 maxlength="2" onKeyPress="KeyEventIE(this)" size="2">
<input type=text name=sure1_d3 maxlength=2 onKeyPress="KeyEventIE(this)" size=2>

</td>
<td align=center height=25><select size=1 name=neden5>
<option>Seçiniz</option>
<option>23423124 12323</option>

</select></td>
</tr>
<tr>
<td align=center height=25 colspan="6">
<p align="left">Ekle</td>
</tr>

[zhelvaci]

bir ilerleme kaydedemedim ..

yardımlarınızı rica ediyorum ..

Teşekkürler
İyi çalışmalar ...

[anov]

innerHTML den ufak bir örnek :
(IE ve Mozilla da test edildi.)

<html>
<head>
	<title>innerHTML ile kontrol oluşturma üzerine bir deneme</title>
	<script language="javascript">
	//aslında tablo.insertRow() ile yapmak daha mantıklı görünüyor.
	//fakat innerHTML in tümünü almak daha hızlı görünüyor :)
	
	kontrol_numarasi = 1 ; 	//Bu global değişken oluşturulan kontrollerin 
				//aynı isme sahip olmaması için
	function kontrol_ekle()
	{
		var yeni_satir = tablo.insertRow(tablo.rows.length); 	// Satır ekle
		var yeni_sutun = yeni_satir.insertCell(yeni_satir.cells.length);// Sütun ekle
		yeni_sutun.innerHTML = '<input type="text" name="text_' + kontrol_numarasi +'">' ;
		kontrol_numarasi++;
	}
	</script>
</head>
<body>
	<form name="form1" id="form1">
		<table border="1" id="tablo">
			<tr id="sablon">
				<td> <input type="text" name="text1"> </td>
			</tr>
		</table>
	</form>

	<hr>
	<input type="button" value="Satır ekle" onclick="kontrol_ekle()">
	|
	<input type="button" value="form HTML kodunu göster" onclick="alert(form1.innerHTML)">
<!--illa her yerde reklamını yapacam :) -->
<a href="http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/DOM.zip">
Şimdiye kadar gördüğüm en iyi DOM referansı</a>
</body>
</html>