Sessions functionality in jQuery

Find below code for handling sessions in jQuery.

/*Set session value*/
$.session.set(‘session_key’, ‘a value’);

/*Get session value by key*/
$sess = $.session.get(‘session_key’);

/*Remove session*/
$.session.remove(‘session_key’);

/*Remove all sessions*/
$.session.clear();

Browser close & reload events in jQuery

/*Browser close jQuery event*/
Put this code body tag –> onunload=”doUnload()”

Below code for script
function doUnload()
{
if(window.event.clientX < 0 && window.event.clientY <0){
var cookieName = ‘suitebeb123’;
$.removeCookie(cookieName);
}
}

/*Broser reload javascript function*/
window.onbeforeunload = function (e) {
// Your logic to prepare for ‘Stay on this Page’ goes here
}

Cookies functionality in jQuery

/*Create cookie*/
$.cookie(cookieName, cookieValue);

/*Create cookie with expiry time*/
var expDate = new Date();
expDate.setTime(expDate.getTime() + (15 * 60 * 1000));
$.cookie(cookieName, cookieValue, { expires: expDate });

/*Get cookie value*/
var cook = $.cookie(‘cookieName’);

/*Remove cookie value*/
$.removeCookie(‘cookieName’);

Disable/enable submit button & readonly to textbox using jQuery

Using attr()” function we will enable or disable submit button please find below code.

$(document).ready(function() {
$(‘input[type=”submit”]’).attr(‘disabled’, true);
$(‘input[type=”text”]’).on(‘keyup’,function() {
if($(this).val() != ”) {
$(‘input[type=”submit”]’).attr(‘disabled’ , false);
}else{
$(‘input[type=”submit”]’).attr(‘disabled’ , true);
}
});
});

/*Add and remove readonly to a textbox*/

if(rBtnVal == "yes"){
         $("#no_of_staff").attr("readonly", false); 
     }
     else{ 
         $("#no_of_staff").attr("readonly", true); 
     }

Check if a page has a vertical scrollbar or Horizontal Scrollbar using jQuery?

Please find below code to find scrollbar

jQuery(document).ready(function() {
    // Check if body height is higher than window height :)
    if (jQuery("body").height() > jQuery(window).height()) {
        alert("Vertical Scrollbar!");
    }

    // Check if body width is higher than window width :)
    if (jQuery("body").width() > jQuery(window).width()) {
        alert("Horizontal Scrollbar!");
    }
});

jQuery validation for multiple file upload

Please find below code It’s allowed only png, jpg, jpeg and pdf files and upload upto 3 files and not more than 10MB
jQuery(‘input[name=”file[]”]’).change(function(){
var tot_size=0;
var count_files = jQuery(this).get(0).files.length;
for (var i = 0; i < jQuery(this).get(0).files.length; ++i) {
var file_size=jQuery(this).get(0).files[i].size;
tot_size = tot_size+file_size;
}
for (var i = 0; i < jQuery(this).get(0).files.length; ++i) {
var file1=jQuery(this).get(0).files[i].name;
if(!/(\.png|\.jpg|\.jpeg|\.pdf)$/i.test(file1))
{
jQuery(‘input[type=”submit”]’).attr(‘disabled’,’disabled’);
jQuery(“.file_error”).text(“”);
jQuery(this).css(“border”, “1px solid #c00”);
var err_var=true;
}else{
jQuery(“.file_error”).text(“Only png, jpg, jpeg and pdf files are allowed (Upload upto 3 files and 10MB).”);
jQuery(‘input[type=”submit”]’).removeAttr(‘disabled’,’disabled’);
jQuery(this).css(“border”, “1px solid #ddd”);
var err_var=false;
}
}
if(err_var==false){
if(tot_size < 10485760 && count_files < 4){
jQuery(“.file_error”).text(“Only png, jpg, jpeg and pdf files are allowed (Upload upto 3 files and 10MB).”);
jQuery(‘input[type=”submit”]’).removeAttr(‘disabled’,’disabled’);
jQuery(this).css(“border”, “1px solid #ddd”);
}else{
jQuery(‘input[type=”submit”]’).attr(‘disabled’,’disabled’);
jQuery(“.file_error”).text(“”);
jQuery(this).css(“border”, “1px solid #c00”);
}
}
});

Smooth Scroll using jQuery

Please find below code for smooth scroll

$(document).ready(function(){
$(“a”).on(‘click’, function(event) {
if (this.hash !== “”) {
event.preventDefault();
var hash = this.hash;
$(‘html, body’).animate({
scrollTop: $(hash).offset().top
}, 1800, function(){
window.location.hash = hash;
});
}
});
});

Ajax call in wordpress functions.php using jQuery

/* Paste below code in header.php or footer.php */

jQuery.ajax({
type: “POST”,
url: “<?php echo admin_url( ‘admin-ajax.php’ ); ?>”,
data:{
action: “my_action”,
“date”: date,
“month”: month,
“year”: year
},
}).success(function(result){
alert(result);
});

/* Paste below code in functions.php */

add_action( ‘wp_ajax_my_action’, ‘my_action_callback’ );
add_action( ‘wp_ajax_nopriv_my_action’, ‘my_action_callback’ );

function my_action_callback(){
global $wpdb;
$events = $wpdb->get_results(“SELECT ID, title FROM table_name”);
$data = “<ul>”;
foreach($events as $evt){
$data .= “<li>”;
$data .= ‘<a href=”#” target=”_blank”>’.$evt->title.'</a>’;
$data .= “</li>”;
}
$data .= “</ul>”;
echo $data; exit;
}