jquery de şöyle birşey mümkünmü.

27-07-2013, 17:12:12

Her hangi bir input yada textarea ya bir yazıp submit yapınca anında sayfanın başka bir tarafına yansıması mümkün mü (Sayfa yenilenmeden) ?

27-07-2013, 18:14:02

#2

Dinopis

Şu sayfada direk change ile yapmış live

sizin istediğiniz submit ile yapmak sanırım, Jquery'de hiç zor değil.

Jquery submit change gibi aramalarla çözüm bulabilirsiniz.

27-07-2013, 18:33:35

#3

EkolWeb

input değerini val() ile alıp değişkene atayıp sonra istediğin dive append ile yansıtabilirsin.

28-07-2013, 05:04:45

#4

ZaLim

evet arkadaşlar istediğim şey böyle birşeydi.

Alıntı

$(document).ready(function(){
$('.form1').on('submit',function(){
var deger = $("input[name=yorum]").val();
var uresimi = $("input[name=usernm]").val();
var yorid = $("input[name=yor_ID]").val();
var tamam = "#bura"+yorid;[/B]
$(tamam).html("<img src='https://graph.facebook.com/" + uresimi + "/picture' width=30 height=31 align=center>"+deger);
$.ajax({
type:'POST',
url:'_inc/yorum_gonder.php',
data:$(this).serialize(),
success:function(cevap){
$("#sonuc").html("Ok")

}

}

)

$(":input").not(":button, :submit, :reset, :hidden").each( function() {

this.value = this.defaultValue;

});

return false;
});

});
1. form
<input type="text" name="deger"/>
<button>sonuç al</button>
<div id="bura"></div>

2. form
<input type="text" name="deger"/>
<button>sonuç al</button>
<div id="bura"></div>

bu şekilde verimi alabiliyorum. Fakat sayfada birden fazla input olduğu için hangi forumdan gönderirsem göndereyim, sadece 1. form'dan gönderdiğim input değerleri ni ekrana yazdırabiliyorum. Aldığım input verileri için $(this) kullanmam gerekiyor fakat nerede kullanmalıyım. Bold olarak gösterdiğim satırlardaki verileri $(this) yapmam gerekiyor, hangi forumdan gelirse gelsin o forumdan alınan verileri kullanmam gerek. Örneklerden bakarak $(this) kullanmayı denedim fakat yapamadım.
Yardım edermisiniz ?

28-07-2013, 17:27:40

#5

ZaLim

yardım gerek arkadaşlar

29-07-2013, 10:20:17

#6

CemaLi

Böyle bir şey yazdım işini görür inşAllah.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('.values button').on('click',function(){
            var index = $(this).index('button'),
                deger = $('input[name=deger]:eq('+index+')').val(),
                uresimi = $('input[name=usernm]:eq('+index+')').val(),
                yorid = $('input[name=yor_ID]:eq('+index+')').val();
                $('.bura:eq('+index+')').html('<img src="https://graph.facebook.com/' + uresimi + '/picture" width="30" height="31" align=center>'+deger);


            $.ajax({
                type:'POST',
                url:'_inc/yorum_gonder.php',
                data:$(this).serialize(),
                success:function(cevap){
                    $("#sonuc").html("Ok")
                }
            })
            return false;
        })
    });
</script>


<div class="values">
    <input type="text" name="deger"/>
    <button>sonuç al</button>
    <div class="bura"></div>


    <input type="text" name="deger"/>
    <button>sonuç al</button>
    <div class="bura"></div>
</div>