Failed to load : No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin is therefore not allowed access.

In this video I have shown how you can over come the error, Failed to load : No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin is therefore not allowed access. This error is because of Cross-Origin Resource Sharing (CORS) issue. This simply means that you are trying access information from other domain which …

Continue reading

jQuery Ajax GET and POST Requests Examples

In this video I have shown step by step how you can create a GET and POST request forms with PHP front end page. So the php pages and the js file needed are below shown, You can download the js file herejquery.min.js.rar index.php with form to send GET Request to page the page get.php …

Continue reading

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

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

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