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

Get GEO Location Coordinates of User

In this video I have shown how you can get the GEO Location Coordinates of the user using simple java script code. <!DOCTYPE html> <html> <body onload=”getLocation()”> <p>Your Location Details are Shown Below.</p> <p id=”demo”></p> <script> var x = document.getElementById(“demo”); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = “Geolocation is not …

Continue reading

How to Create custom Facebook Share Button

In this video I have shown how to create a custom designed facebook share button. As shown in the video we need to create an app in the facebook developer site and get the facebook APP ID. You can create any number of share buttons just with one APP ID. No need to create APP …

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