Aspire
Koineks
  • 27-07-2013, 17:12:12
    #1
    1/2
    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) ?
    r£turn of tH£ kinG.
  • Sponsor Reklam
  • 27-07-2013, 18:14:02
    #2
    1/2
    Ş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
    1/2
    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
    1/2
    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 ?
    r£turn of tH£ kinG.
  • 28-07-2013, 17:27:40
    #5
    1/2
    yardım gerek arkadaşlar
    r£turn of tH£ kinG.
  • 29-07-2013, 10:20:17
    #6
    1/2
    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>
    PSD to [ Html + Css + jQuery ] - En kaliteli ve en uygun!