Birde tabloma :even ile desen verdim ancak yeni kişi eklendiğinde :even kuralı çalışmadı. live ile yapmayı denedim sanırım beceremedim.
Yardımlarınız için teşekkürler şimdiden.
<!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>
<style>
.tablo {}
.tablo td {width:120px;height:20px;border-style:ridge;}
#ekle {margin-top:15px;width:100px;height:40px;margin-left:300px;}
input {float:right;}
#istek {background-color:#099;width:250px;padding:15px;float:right;margin-right:400px;margin-top:-85px;display:none;}
#istek button {margin-left:200px;margin-top:20px;}
#silkutu {background-color:#099;width:250px;padding:15px;float:right;margin-right:100px;margin-top:-100px;display:none;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"> </script>
<script>
$(document).ready(function(){
$('#ekle').click(function(){ //Ekleme kutusu açılıyor
$('#istek').slideToggle('fast');
});
// Değişkenler tanımlanıyor
var isim = $('#adiniz').val()
var varolanisim = $('td:nth(1)').text()
var soyisim = $('#soyadiniz').val()
var varolansoyisim = $('td:nth(2)').text()
// Ekleme işlemi tetikleniyor
$('#tamam').live('click',function (){
if( (isim == varolanisim) && (soyisim == varolansoyisim) )
{
alert('Böyle biri zaten var'); //Aynısı varsa
}
else { //Farklı Giriş için
var i = $('.tablo tr:last td:first').text();
$('.tablo tr:last').after($('.tablo tr:last').clone()); //Yeni satır eklendi
$('.tablo tr:last td:nth(1)').text($('#adiniz').val()); //girdi değiştiriliyor
$('.tablo tr:last td:nth(2)').text($('#soyadiniz').val()); //girdi değiştiriliyor
$('.tablo tr:last td:first').text(++i); //girdi değiştiriliyor
}
});
//Silme İşlemburada Yer alacak
$('#sil').click(function(){
$('#silkutu').slideToggle('fast'); //Silme Kutusu Açılıyor
});
$('#silin').click(function(){ //Silme Tetiklendiğinde
if($('#index').val() == $('.tablo td:first').val) //İf sorgusu Eşitler mi?
{
$('.tablo td:first').val($('#index').val()).remove(); //Aynısı var ise sil
}
else {
alert('Böyle bir kayıt Bulunmamaktadır'); //Aynısı yok ise alert ver
}
});
//Tablo Desenlendirme HATA VAR LİVE ÇALIŞMADI
$('.tablo tr:even').live(css({"background-color":"#900"}));
// VALUE TEXT DEĞERİNE EŞİT OLMUYOR.
});
</script>
</head>
<body>
<table class="tablo">
<tr>
<td>1</td>
<td>burak</td>
<td>öztırpan</td>
</tr>
<tr>
<td>2</td>
<td>adem</td>
<td>bozkurt</td>
</tr>
<tr>
<td>3</td>
<td>muhammed</td>
<td>ali</td>
</tr>
</table>
<button name="ekle" value="ekle" id="ekle">Kişi Ekle</button>
<button name="sil" value="sil" id="sil">Kişi Sil</button>
<div id='istek'>
<span> Adınız </span> : <input name="ad" type="text" id="adiniz" /> <br /><br />
<span> Soyadınız </span> : <input name="soyad" type="text" id="soyadiniz" /> <br />
<button name="tamam" value"tamam" id="tamam">Ekle</button>
</div>
<div id='silkutu' style="display:none;">
<span> İd Numarası </span> : <input name="no" type="text" id="index" /> <br /><br />
<button name="silin" value"silin" id="silin">Sil</button>
</div>
</body>
</html>