Integrate Login with Facebook using Javascript

In this video I have shown how to integrate login in web applications using Javascript. This example project is run on PHP as front end. I used XAMMP serve for testing. 1. First create a APP in facebook developer site. https://developers.facebook.com/ 2. Get your APP id from the app. 3. Update your APP id in …

Continue reading

Java JSP Javascript – Submit form without reloading page

In this video I have shown how to submit a form from a JSP page without refreshing the page. This is purely on Javascript and will work on any HTML supported platforms like PHP, .Net etc. This project is demonstrated in Eclipse IDE with Tomcat server. 1. Project Structure in Eclipse IDE. 2. index.jsp holds …

Continue reading

How to load images dynamically (or lazily) when users scrolls them into view

In this video I have shown how to load images lazily when user scrolls into the view of page. This is the basic method all online shopping websites are using. Source Code. <html> <head> <script src=”https://cdn.jsdelivr.net/npm/lazyload@2.0.0-beta.2/lazyload.js”></script> <script> window.addEventListener(“load”, function(event) { lazyload(); }); </script> </head> <body> <img class=”lazyload” src=”load.gif” data-src=”img/1.jpg” width=”765″ height=”574″ /> <img class=”lazyload” src=”load.gif” …

Continue reading

Locate Your Web user on Google Map

In this video I am showing how you can locate your Client or user of your Web Project using Google Map api and Javascript function. This will work in all platforms supporting HTML and Javascript. <!DOCTYPE html> <html> <head> </head> <body onload=”getLocation()”> <p id=”demo”></p> <iframe id=”myFrame” src=”” width=”360″ height=”270″ frameborder=”0″ style=”border:0″></iframe> <script> var x = …

Continue reading

Dynamic Facebook Share button for Website Webpages

In this video I am showing how to use dynamic share button in webpages. Normally it is done by pasting the URL in to the tools so it will generate the code for sharer automatically. Check the video below how to do that. Create Facebook Share button for Website Webpages https://www.youtube.com/watch?v=6W-JR0yFyX4 But if you are …

Continue reading

Create Facebook Share button for Website Webpages

This tutorial helps to create facebook share button in Webpage. 1. Just include the following code in your Webpage to include web page sharer. You can update the code with your link inside and create it for your webpage. 1.1 Button Count Type <iframe src=”https://www.facebook.com/plugins/share_button.php?href=http://chillyfacts.com/create-facebook-share-button-for-website-webpages/&layout=button_count&size=large&mobile_iframe=true&width=83&height=28&appId” width=”83″ height=”28″ style=”border:none;overflow:hidden” scrolling=”no” frameborder=”0″ allowTransparency=”true”></iframe> 1.2 Box Count Type …

Continue reading

Integrate login with Facebook using JAVA

This tutorial helps you to integrate Facebook login in Java websites with the help of JAVASCRIPT. This is the simplest way I have found to do it. First register in https://developers.facebook.com/ and get the app ID for your APP. 1.1 Login first to the Developer site with your facebook ID and Click on Add a New App …

Continue reading