Make multiple HTML template with sample HTML and JSON array is very useful while working on long form or any other big similar content where you want to replace only few things. This code supports infinite variables inside a sample template. Jsfiddle DEMO is below https://jsfiddle.net/shakalya/Lux8vhfw/ Now what you have to do use #0, #1, […]
Read More →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 […]
Read More →Make a one time popup in jQuery for a quick project. You will have to create two functions. to set a cookie
|
1 2 3 4 5 6 |
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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
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.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
$(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 […]
Read More →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 […]
Read More →
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? […]
Read More →
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 […]
Read More →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 […]
Read More →
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 […]
Read More →