jQuery Detect if page has finished loading - กำหนด Action เมื่อหน้าเพจโหลดเสร็จ

$("#loading").show();
jQuery(window).load(function () {
    $("#loading").hide();
});

Place cursor at end of text in text input element ให้ Cursor อยู่หลังข้อความใน Texbox

เวลาโหลดหน้าเว็บมาให้ Cursor อยู่หลังข้อความใน Textbox และให้โฟกัสที่ Textbox นี้

<input type="text" id="name" name="name" onfocus="this.value = this.value;" autofocus />

โค๊ด JavaScript ห้ามกรอกฟอร์มภาษาไทย

$('[name="company"]').keyup(function(event){
 var orgi_text="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890;:<>?._-, ~#&()@!'*+}{][$%^/|=\"";
 var str = $('[name="company"]').val();
 var str_length=str.length;
 var str_length_end=str_length-1;
 var isEng=true;
 var Char_At="";
 for(i=0;i=1){
  if(isEng==false){
   $('[name="company"]').val('');
  }
 }
})

ตัวอย่าง jQuery loadContent Show และคลิกลิ้งค์ให้โหลดภายในหน้านั้นได้เลย

$(document).ready(function(){

 $("#loading_img").show();
 $("#showAppointmentData").load("index.php?module=Appointment&action=GetAppointmentDataRelateAccount&record="+3368,function(responseTxt,statusTxt,xhr){
   if(statusTxt=="success")
     $("#loading_img").hide();
  });
 
 $("body").on("click",".browse_page a",function(event){
   event.preventDefault();
   var url=$(this).attr("href");
//แสดงแบบปกติ
  $("#loading_img").show();
   $("#showAppointmentData").load(url,function(responseTxt,statusTxt,xhr){
   if(statusTxt=="success")
     $("#loading_img").hide();
  });

   return false;
  });
 
});

ตัวอย่าง jQuery loadSelectBox

function loadSelectBox(id,url,selected){
 $.get(
  url,{},function(data){
   $(id).html(data);
   if (selected!=''){
    $(id+' option[value='+selected+']').attr('selected','selected');
   }
   $("#loading_img").hide();
  }
 );
}

 //ดึง Staff มาแสดง
 $("#roleid_").on('change', function() {
 if($("#roleid_").val()!= ""){
  $("#loading_img").show();
  var userid = '';
  loadSelectBox(
    '#userid',
    'index.php?module=AppDashboard&action=getStaffPopup&roleid_='+$("#roleid_").val(),
    userid
  ); 
 }
 });
 

  var userid = '';
  loadSelectBox(
    '#userid',
    'index.php?module=AppDashboard&action=getStaffPopup&roleid_='+$("#roleid_").val(),
    userid
  ); 

JavaScript ยืนยันก่อนการลบหรือกระทำ Action ใดๆ

JavaScript ยืนยันก่อนการลบหรือกระทำ Action ใดๆ

<a href="link.html" onclick="return confirm('Are you sure you want to delete this record?');">(del)</a>