Category Archive For "Javascript"
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 …
Javascript Jquery-Autocomplete textbox from values from database
In this video I have shown how we can enable auto suggestions for a textbox from MySql database. I have shown the example in PHP as front end. In the example the HTML form is created in index.php page, and the text box is internally calling the help of search.php to populate the auto suggestions. …
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 …
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 …
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 …
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” …
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 = …
Javascript- Send HTTP Get/Post Request and Read JSON response
In this video video I have shown how you can send Http Get Request and Post Request. Here I have used 2 websites which can send Get and Post requests which give JSON response. 1. ipinfodb.com -> We can send Get Request with IP address, It will give JSON response with details of IP address …
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 …