jQuery Archives - SHAKALYA

Mar17 Comments Off

All important links you must remember as a web developer point of view so you quickly perform related tasks. I am listing below all related links that i found useful for site development and testing. Google lists all CDN libraries at this URL https://developers.google.com/speed/libraries/ https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js Few sites page seed testing sites […]

Mar15 Comments Off

Make a one time popup in jQuery for a quick project. You will have to create two functions. to set a cookie

function setCookie(cname,cvalue,exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires=" + d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}

function setCookie(cname,cvalue,exdays) {

var d = new Date();

d.setTime(d.getTime() + (exdays*24*60*60*1000));

var expires = "expires=" + d.toGMTString();

document.cookie = cname+"="+cvalue+"; "+expires;

}

to get a cookie

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return '';
}

function getCookie(cname) {

var name = cname + "=";

var decodedCookie = decodeURIComponent(document.cookie);

var ca = decodedCookie.split(';');

for(var i = 0; i < ca.length; i++) {

var c = ca[i];

while (c.charAt(0) == ' ') {

c = c.substring(1);

}

if (c.indexOf(name) == 0) {

return c.substring(name.length, c.length);

}

return '';

}

Now rest is check for the cookie is set to open or not and accordingly we will show the popup here.

$(document).ready(function() {
	/* if cookie doesnt exist set it to open */
	if(getCookie('popup') == ''){
		  setCookie('popup','open',1);
	}
	/* if cookie exist and it is set to open */
	if(getCookie('popup') == 'open'){
      $('.popup-wrapper').css('display','block');
	}
  $('.popup-close').click(function(){
  		setCookie('popup','close',1);
      $('.popup-wrapper').css('display','none');
  });
});

$(document).ready(function() {

/* if cookie doesnt exist set it to open */

if(getCookie('popup') == ''){

setCookie('popup','open',1);

}

/* if cookie exist and it is set to open */

if(getCookie('popup') == 'open'){

$('.popup-wrapper').css('display','block');

}

$('.popup-close').click(function(){

setCookie('popup','close',1);

$('.popup-wrapper').css('display','none');

});

final code […]

Mar21 0

Defer iframe for your website to make your website loading fast. iframe source loading took some time and which blocks other scripts to load as quickly as you can. We can defer the iframe so the other scripts can load quickly and our iframe will be loading after page scripts is fully loaded. This method […]

Jan04 0

I faced a problem during working with sidebar which was made in jQuery hence getting the window height first. I got a problem when height was fixed on safari iPod because of safari address bar hides and shows when we scroll. On alerting the window height Safari address bar resized but showing the same height? […]

Nov05 0

Learn How to Add loading image during page load/before page is fully loaded. Here is a fiddle for live demo http://jsfiddle.net/shakalya/hckLnbL6/ There are very few codes needed to make this happen. We are putting a default wrapper(overlay) which can be transparent and inside a loading image in the center. Center image should be .gif […]

Oct22 0

Hello guys, I was stuck with a problem of limited division size and i don’t wanted the scroll bar to mesh up my designs so I needed to Split a large content in previous next in jq. I also wanted this to be work with a class to follow so I write some codes to short […]

Sep10 0

This is very good advantage to add animations at your website. It look so amazing while animation appears on your screen and user gives a positive feedback. There are so many HTML5 effects are available. Here we will be discussing how to make Animation effects on page appear event that you have seen in a […]

September 2017
M	T	W	T	F	S	S
« Aug
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30