Javascript Form Validation-Mobile Number,Email HTML

In this video I have shown how you can validate a simple HTML form using javascript with the help of PHP front end. The form is with email and mobile validation also. The PHP page is run with the help of XAMPP Server. Please go to my videos to get how to install XAMPP server …

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

How to add Responsive google Map in Webpage

In the video I have shown how you can integrate a responsive google map in web page. Source code. <style> .google-maps { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } </style> <div …

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

Linkedin Share button using Plugins – HTML

In this video I have shown how to create the LinkedIn share button in Webpages. This source code will work in all programming languages that supports HTML front end. Copy paste below source code to the page you need to get the sharer. Update the link with the page link you need to get the …

Continue reading

recaptcha to download a file HTML

This tutorial shows how to integrate reCaptcha for download a file. This is HTML example and will work for all programming languages. Please note that this example will run in server after updating the site information in recaptcha site as shown in the youtube video. First get the site key from google recaptcha site. Please …

Continue reading

Create LinkedIn Share button on Website Webpages Customized URL Method

This tutorial shows how to add a LinkedIn Share button using CustomizedURL Method. The complete documentation of this method is shown here, https://developer.linkedin.com/docs/share-on-linkedin Click the icon below to see the Sharer <a href=”https://www.linkedin.com/shareArticle?mini=true&url=https://chillyfacts.com/create-linkedin-share-button-on-website-webpages&title=Create LinkedIn Share button on Website Webpages&summary=chillyfacts.com&source=Chillyfacts” onclick=”window.open(this.href, ‘mywin’, ‘left=20,top=20,width=500,height=500,toolbar=1,resizable=0’); return false;” ><img src=”https://chillyfacts.com/wp-content/uploads/2017/06/LinkedIN.gif” alt=”” width=”54″ height=”20″ /></a> You can update the red …

Continue reading

Add reCaptcha I m not a robot in JAVA websites

This tutorial shows how to add reCaptcha I m not robot in Websites using Servlet in JAVA and JSON. First login to google and go to the link https://www.google.com/recaptcha/admin#list You can see the Register a new site form as below. 2.1 Fill any Label 2.1 Enter your host name, Now I am giving domain name …

Continue reading