Forum
Aktif konular
Üyeler
Kurallar
Arama
Ajax İle Alan Güncelleme Örneği 1 Ajax İle Alan Güncelleme Örneği 1
-
Formlarınızda dinamik işlem yapmak istiyorsanız basit düzeyde bir form kontrolü uygulaması.
jQuery ile Css efektleri ekledim birkaç tane
http://www.ontedi.com/javascript/ajax-ile-alan-guncelleme-ornegi-1.html
Bol jQuery'li günler :)
<!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> <title>Ajax İle Alan Güncelleme Örneği 1</title> <meta name="author" content="Serkan TOGAL - www.ontedi.com" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script type="text/javascript"> function Alan_Guncelle() { var dtmTarih = new Date(); var dtmSaat = dtmTarih.toLocaleTimeString(); var strAdiniz = $("input[name=adiniz]").val(); strAdiniz = jQuery.trim(strAdiniz) if (strAdiniz == '') { alert("Lütfen adınızı giriniz"); $("input[name=adiniz]").css({'border':'2px solid #000', 'background-color':'#ff6464'}); $("input[name=adiniz]").focus(); } else { $("#ajax_guncellenecek_div").css({'color':'#fff', 'background-color':'#00ff00', 'padding':'4px'}); $("#ajax_guncellenecek_div").html('Merhaba ' + strAdiniz + '<br />Saat: ' + dtmSaat + ''); } } </script> </head> <body> <form method="post" action="javascript:void(0);"> Adınız: <input type="text" name="adiniz" /> <br /><br /> <input type="submit" value="İşlem Yap" onclick="Alan_Guncelle()" /> </form> <br /> <p id="ajax_guncellenecek_div"></p> </body> </html> -
Hocam eline sağlık, güzel olmuş. Ufak bir öneri: yardımcı olmak istiyorsan açıklamalı bir şekilde anlatırsan daha güzel olur. ör: http://www.tahribat.com/Forum-En-Sade-Haliyle-Ajax-Firex-105571/
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Toplam Hit: 873 Toplam Mesaj: 2
Cevapla