folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Javascript İle Formlarda Enter Algılamak



Javascript İle Formlarda Enter Algılamak

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Çeşitli form uygulamalarında herhangi bir metin kutusunda enter tuşuna basıldığında yazılanların gönderilmesini (post edilmesini) sağlayan uygulamamız. 

    Bir projede gerekmişti, sizlerle paylaşıyorum.


    <!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=windows-1254" />
    <meta name="author" content="Serkan TOGAL - www.ontedi.com" />
    <title>Formlarda Enter Algılamak</title>
    <script type="text/javascript">
    function Enter_Algila(strVeri)
    {
        var intKarakter_Kodu = (strVeri.which) ? strVeri.which : event.keyCode;
        if (intKarakter_Kodu == 13)
        {
            document.getElementById("sonuc").innerHTML = strVeri;
        }
    }
    </script>
    </head>
    <body>
            Kelime girip enter tuşuna basınız<br />
            <input type="text" id="yazi" onkeydown="return Enter_Algila(this.value)" maxlength="20" />
            <br /><br />
            <span id="sonuc"></span>
    </body>
    </html>


    http://www.ontedi.com/javascript/formlarda-enter-algilamak.html

    Uygulamanın örneği sitede mevcuttur.


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    snnyk
    snnyk's avatar
    Kayıt Tarihi: 28/Mayıs/2007
    Erkek

    edit

    zaten form action kısmında ne yazıyosa enter a basınca oraya post yada get ile gönderirki hocam

    <form action="http://"><input type="text" /></form> gibi


    snnyk.com - code is poetry all that i know...
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Hocam, ajaxla sohbet uygulaması yapmıştım. Oradaki tek sorun enter tuşuna basldığını algılayamamaktı.


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wking
    wking's avatar
    Kayıt Tarihi: 28/Mart/2010
    Erkek

    jQuery kullanıyosan,

    bütün metin kutularında yapacaksan bu işlemi, her birine tek tek javascript fonksiyonunu eklemektense şu kodu ekleyip hepsinde çalışmasını sağlayabilirsin:

    $("input[type='text'], textarea, input[type='password']").onkeydown(function () {
            //kodlar
        });
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    EnableTurk
    EnableTurk's avatar
    Kayıt Tarihi: 29/Eylül/2007
    Erkek

    <script language="javascript">

    function runScript(e) {
        if (e.keyCode == 13) {
            var tb = document.getElementById("name");
            sonuc..value = "ENTER TUŞUNA BASILDI";
            return false;
        }
    }
    </script>

    <input id="name" type="text" onkeypress="return runScript(event)" />


    yolun açık ve aydınlık olsun ferdi baba.
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    snnyk
    snnyk's avatar
    Kayıt Tarihi: 28/Mayıs/2007
    Erkek

    yinede uzun geldi bana 

    document.forms["myform"].submit();

    ve yahut jQuery ile 

    $("#yazi").click(function(){

    //coding...

    });

    daha yenilikçi olur


    snnyk.com - code is poetry all that i know...
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    tarcanbotta şöyle çözmüştüm ;

    form olayı gayet işe yarar bence.

    --

    <form id="gonder" name="gonder" action="javascript:ajax();">

        <input id="topla" name="topla" value=" Gönder " type="submit" class="buton">

    </form>

    script kısmı ;

    ---

    <script type="text/javascript">

    function ajax() {

        yapılmasını istediklerin

    }

    </script>

Toplam Hit: 1570 Toplam Mesaj: 7