Php ve Ajax kullanarak form işlemi yapmak - Sayfa 2

10-11-2009, 15:48:52

#10

KingMania

Helal *** Hadesim
10-11-2009, 15:50:52

#11

Tillom

teşekkürler hocam aradığım bi konuydu
10-11-2009, 16:42:58

#12

~~MrHades~~

Üyeliği durduruldu

Çok teşekkür ederim yorumlarınız için, yakında AJAX ile sayfalama ve arama makalemide yazıcam inşallah =)
10-11-2009, 16:44:49

#13

KingMania

Veri eklemeyide gösteriver sana zahmet
10-11-2009, 16:48:19

#14

~~MrHades~~

Üyeliği durduruldu

KingMania adlı üyeden alıntı: mesajı görüntüle

Veri eklemeyide gösteriver sana zahmet

Bu makalede zaten veri eklemede oluyor. Ama daha açıklayıcı olarak gösteririm tabi seni kırıcam king =)
10-11-2009, 17:12:25

#15

dnmtnk

Kimlik doğrulama veya yönetimden onay bekliyor.

.

08-01-2010, 23:32:40

#16

Merhabalar,

Kodu denemeye çalıştım ama form boş iken buton tıklandığında hiçbir uyarı gelmiyor

postgonder.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=iso-8859-9" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript"> 
    $(document).ready(function(){
        $('form').submit( postgonder )
    });
    
    function postgonder()
    {         
        $.post('postal.php', $('form').serialize(),function(veri){$('#sonuc').html(veri)});
    }
</script>  
</head>
<form action="javascript:void(0);">
Adınız<br /><input type="text" name="adiniz" /><br />
Soyadınız<br /><input type="text" name="soyadiniz" /><br />
<input type="submit" value="Gönder" />
</form> <div id="sonuc"></div>  
<body>
</body>
</html>

postal.php

<?php
$adiniz = $_POST['adiniz'];
$soyadiniz = $_POST['soyadiniz'];
    
if (empty($adiniz) || empty($soyadiniz))
    echo 'Adınızı veya Soyadınızı boş bırakamazsınız!';
else
    echo "Hoşgeldiniz, sayın $adiniz $soyadiniz";  
	
?>

Aslında ben diğer bilgilerin olduğu böyle bir form'da bu kodu denemeye çalışıyorum ama yapamadım.

<form action="javascript:void(0);"> 
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="17%"><label for="kulad">Kullanıcı Adı </label></td>
      <td width="3%">:</td>
      <td width="24%"><label>
        <input name="kulad" type="text" id="kulad" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>Kullanıcı Soyadı </td>
      <td width="3%">:</td>
      <td><label>
        <input name="kulsoyad" type="text" id="kulsoyad" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>E-Posta Adresiniz </td>
      <td width="3%">:</td>
      <td><label>
        <input name="eposta" type="text" id="eposta" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>Kullanıcı Şifreniz </td>
      <td width="3%">:</td>
      <td><label>
        <input name="sifre" type="text" id="sifre" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>Kullanıcı Yetkisi </td>
      <td width="3%">:</td>
      <td><label>
        <input name="radiobutton" type="radio" value="radiobutton" />
        Yönetici&nbsp;
        <input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
        Sınırlı</label></td>
    </tr>
    <tr>
      <td rowspan="2">Kullanıcı Açıklaması </td>
      <td rowspan="2">:</td>
      <td><label>
        <textarea name="aciklama" rows="5" id="aciklama" style="width:150px"></textarea>
      </label></td>
    </tr>
    
    <tr>
      <td><input type="submit" name="Submit" value=" Gönder" /></td>
      <td width="56%"><div id="sonuc"></div></td>
    </tr>
  </table>
</form>

Kullanıcı bilgilerini aldığım form php olduğunda herhangi bir işlem yapmalımıyım?

Bilgilerin boş olmamasını ve daha sonra postal.php'de veri tabanında o ismin olup olmadığındada bakacağım ama şu ajax olayını çözdükten sonra tabi

Acemi olduğum için hatalarımı göremeyebilirim

Yardımlarınız için şimdiden teşekkürler...

09-01-2010, 00:01:47

#17

~~TurkishDizayn~~

Üyeliği durduruldu

<script type="text/javascript"> 
    $(document).ready(function(){
        $('form').submit( postgonder )
    });
    
    function postgonder()
    {         
        $.post('postal.php', $('form').serialize(),function(veri){$('#sonuc').html(veri)});
    }
</script>

Üstteki Alanı Bununla Değiştir

<script type="text/javascript">
function gonder(){
$("#sonuc").html('<div id=resim><center><img src="yukleniyor.gif"></center></div>');
$('#sonuc').slideDown('slow');
$.ajax({
type:'POST',
url:'postal.php',
data:$('#form').serialize(),
success:function(cevap){
    
    $("#sonuc").html(cevap)

}

})

}
</script>

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

<form action="javascript:void(0);">

Bu Alanıda bununla

<form id="form">

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

<input type="submit" name="Submit" value=" Gönder" />

Bu alanıda

<input type="submit" name="Submit" onClick="gonder();" value=" Gönder" />

Bunuda body üstüne ekle

<style type="text/css">
#sonuc{
position:relative;
display:none;
}
#resim{
position:relative;
top:50px;
}
</style>

Sonucun Gösterileceği alanada
Ekle

<div id="sonuc" style="background:#ffcccc; color:#000; border:1px solid; font-weight: bold; border-color:#666; padding:10px; font-size:14px; text-align:Center;" ></center></div>

div tagının resmi
Not : üye bilgileriniz başarıyla güncellendi postal.php de ekrana bastıgın yazıyı döker

Yine olmazsa

dosyalarını burada paylaş düzenlenir

buda postal.php =)

<? 
include("baglan.php");
$kulad=$_POST["kulad"];
$kulsoyad=$_POST["kulsoyad"];
$eposta=$_POST["eposta"];
$sifre=$_POST["sifre"];
$radiobutton=$_POST["radiobutton"];
$aciklama=$_POST["aciklama"];

if(($kulad=="") or ($kulsoyad=="") or ($eposta=="") or ($sifre=="")  ){
echo "Kullanıcı adı,Kullanıcı Soyadı,E-posta,Şifre <br>Boş bırakılamaz";	
	}else{
		$sorgula=mysql_fetch_assoc(mysql_query("select * from uyeler kullaniciadi='$kulad'"));
		if($sorgula==""){
		    $ekle=mysql_query("insert into uyeler (kullaniciadi,kulsoyad,eposta,sfire,yetkisi,aciklama) values ('$kulad','$kulsoyad','$eposta','$sifre','$radiobutton','$aciklama')");
			if($ekle){
				echo "Üye Kaydınız Başarıyla Alaındı";
				}else{
					echo "Üye Kayıt İşleminde Hata Oluştu.";
				}
		}else{
			echo "Böyle Bir Kullanıcı Adı Bulunmakta Lütfen Tekrar Deneyiniz.";			
			}
		}
?>

09-01-2010, 00:21:23

#18

EgeM

TurkishDizayn İlgilendiğin için çok teşekkürler..

Ben yeni kullanıcıyı eklemek için yapıyorum ama üstteki bilgileri dediğiniz gibi yaptım.

Fakat kırmızı bir çizgi hızla çıkıp kayboluyor bunu çözemedim.

kullanici_ekle.php

<?
session_start();
if(!session_is_registered('kulad')){
header("location:yasak.php");
}
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<link rel="stylesheet" href="./css/yonetim_styles.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<style type="text/css">

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../rsm/buton.gif) repeat-x left top;
}
.style1 {font-size: 12}
.style2 {font-size: 12px}

#sonuc{
position:relative;
display:none;
}
#resim{
position:relative;
top:50px;
}
</style>


</style>
<script type="text/javascript">
function gonder(){
$("#sonuc").html('<div id=resim><center><img src="./rsm/loading.gif"></center></div>');
$('#sonuc').slideDown('slow');
$.ajax({
type:'POST',
url:'postal.php',
data:$('#form').serialize(),
success:function(cevap){
    
    $("#sonuc").html(cevap)

}

})

}
</script>

</head>
<body>

<div id="wrap">
	<div class="header">
		<div class="title">
			<h1 align="center"><a href="./yonetici_islem.php?Ymenu=c&Yalt=p"><img src="rsm/yonetim_logo.png" alt="Kontrol Paneli Ana Sayfa" width="100" height="100" border="0" /></a></h1>
			<h2>Kontrol Paneli </h2>
	  </div>
		<div class="nav">
			<ul>
				<li><a href="./yonetici_islem.php?Ymenu=1&Yalt=11">Kullanıcı İşlemleri</a></li>
				<li><a href="./yonetici_islem.php?Ymenu=2&Yalt=22">Duyuru İşlemleri</a></li>
				<li><a href="./yonetici_islem.php?Ymenu=3&Yalt=33">Menü İşlemleri</a></li>
				<li><a href="./yonetici_islem.php?Ymenu=4&Yalt=44">içerik İşlemleri</a></li>
				<li><a href="./yonetici_islem.php?Ymenu=5&Yalt=55">Link İşlemleri</a></li>
				<li><a href="./yonetici_islem.php?Ymenu=6&Yalt=66">Sistem Bakımı</a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>

	<div class="pagewrapper">
		<div class="innerpagewrapper">
			<div class="page">
				<div>
				
<h4>Kullanıcı Ekleme</h4>

<form id="form"> 
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="17%"><label for="kuladpst">Kullanıcı Adı </label></td>
      <td width="3%">:</td>
      <td width="24%"><label>
        <input name="kuladpst" type="text" id="kuladpst" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>Kullanıcı Soyadı </td>
      <td width="3%">:</td>
      <td><label>
        <input name="kulsoyad" type="text" id="kulsoyad" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>E-Posta Adresiniz </td>
      <td width="3%">:</td>
      <td><label>
        <input name="eposta" type="text" id="eposta" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>Kullanıcı Şifreniz </td>
      <td width="3%">:</td>
      <td><label>
        <input name="sifre" type="text" id="sifre" style="width:150px" />
      </label></td>
    </tr>
    <tr>
      <td>Kullanıcı Yetkisi </td>
      <td width="3%">:</td>
      <td><label>
        <input name="radiobutton" type="radio" value="radiobutton" />
        Yönetici&nbsp;
        <input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
        Sınırlı</label></td>
    </tr>
    <tr>
      <td rowspan="2">Kullanıcı Açıklaması </td>
      <td rowspan="2">:</td>
      <td><label>
        <textarea name="aciklama" rows="5" id="aciklama" style="width:150px"></textarea>
      </label></td>
    </tr>
    
    <tr>
      <td><input type="submit" name="Submit" onClick="gonder();" value=" Gönder" /></td>
      <td width="56%"><div id="sonuc" style="background:#ffcccc; color:#000; border:1px solid; font-weight: bold; border-color:#666; padding:10px; font-size:14px; text-align:Center;" ></center></div></td>
    </tr>
  </table>
</form>
	</div>
				
			    <div class="footer">
					<p>&copy; Celal Bayar Üniversitesi Kırkağaç Meslek Yüksek Okulu </p> 
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>

postal.php

<? 
include("ayarlar.php");
$kuladpst=$_POST["kuladpst"];
$kulsoyad=$_POST["kulsoyad"];
$eposta=$_POST["eposta"];
$sifre=$_POST["sifre"];
$radiobutton=$_POST["radiobutton"];
$aciklama=$_POST["aciklama"];

if(($kuladpst=="") or ($kulsoyad=="") or ($eposta=="") or ($sifre=="")  ){
echo "Kullanıcı adı,Kullanıcı Soyadı,E-posta,Şifre <br>Boş bırakılamaz";    
    }else{
        $sorgula=mysql_fetch_assoc(mysql_query("select * from uyeler kullaniciadi='$kuladpst'"));
        if($sorgula==""){
            $ekle=mysql_query("insert into uyeler (kullaniciadi,kulsoyad,eposta,sfire,yetkisi,aciklama) values ('$kuladpst','$kulsoyad','$eposta','$sifre','$radiobutton','$aciklama')");
            if($ekle){
                echo "Üye Kaydınız Başarıyla Alaındı";
                }else{
                    echo "Üye Kayıt İşleminde Hata Oluştu.";
                }
        }else{
            echo "Böyle Bir Kullanıcı Adı Bulunmakta Lütfen Tekrar Deneyiniz.";            
            }
        }
?>

mysql sorgusunu daha sonra değiştirirm ama şimdi boş olduğununda uyarısınıda vermiyor