Tag Archive For "HTML"
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 …
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 …
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” …
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 …
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 …
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 …
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 …
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 …
Check an email exist using JAVA- Java email verification and validation
This tutorial shows how to check an email exist using JAVA. This program works with the principle of Mail Exchange(MX) look up. Detailed documentation is shown in this page here. I cannot assure you the efficiency of this code. The result of the test will depend on the domain of emails since some domains will not …
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 …