Category: JavaScript

How to send HTML Form array inside array in codeigniter using Ajax

Now, when you simply submit your form the normal way, your browser takes care of sending HTML input arrays inside array with ease and you can begin to segment your data on your server. This was an interesting complication that I ran into while making a form with dynamic related form fields. View Code JavaScript […]

How to add Image Magnifier Glass when Mouse over the image javascrpit

How to add Image Magnifier Glass when Mouse over the image

Here is a complete example of Magnifier Glass when Mouse over the image <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <style> * {box-sizing: border-box;} .img-magnifier-container { position:relative; } .img-magnifier-glass { position: absolute; border: 3px solid #000; border-radius: 50%; cursor: none; /*Set the size of the magnifier glass:*/ width: 100px; height: 100px; } </style> <script> […]

Animation using JavaScript javascrpit

Animation using JavaScript

JavaScript animations can handle things that CSS can’t. For instance, moving along a complex path, with a timing function different from Bezier curves, or an animation on a canvas.An animation can be implemented as a sequence of frames – usually small changes to HTML/CSS properties. The idea behind Javascript-based animation is fairly simple; a number of DOM elements […]

Pick up Location and Drop Location line draw in google map API using javascript

Maps can be a very powerful tool when visualizing the patterns in a dataset that is related to location in some way. This relation could be the name of a place, a specific latitude and longitude value, or the name of an area that has a specific boundary like a census tract or a postal […]

How to Call jquery ajax in Codeigniter php CodeIgniter-Technology

How to Call jquery ajax in Codeigniter php

Getting data through Ajax is very cool, and when we can reuse the CodeIgniter views to get the Ajax data, the overall user experience become much more enhanced. So, in this tutorial I would show you how to call jquery Ajax in controller. This is a tutorial here I am not going to tell about […]

How to prevent Bootstrap modal from closing when clicking outside

The default configuration of Bootstrap modal is can be closed when visitor click outside the modal or by pressing the escape (ESC) key. If you want to prevent boostrap modal from closing by those actions, you need to change the value of backdrop and keyboard configuration. You may also like Simple Bootstrap Modal and How to close bootstrap […]

File Upload in Laravel 5 using Ajax With Form Data laravel

File Upload in Laravel 5 using Ajax With Form Data

Today, I am going to show you How to upload excel or image file using jquery Ajax in Laravel application. In this tutorial we are going to learn step by step example code of upload excel file using jquery Ajax form. HTML Code Ajax call with validation excel file Ajax call in Routes Routes Call […]

How to use jquery validation (ajax) using Codeigniter CodeIgniter-Technology

How to use jquery validation (ajax) using Codeigniter

Validation form is very useful when we are checking on the client side. there are lots of methods are available for validation. As you can see to pass through data you can simply use the key pair syntax so the request sent below the data is “&emails=youremail@address”. The return values for your backend is true […]

How to Dynamic PHP and HTML form with qty price and total in a table using JavaScript calculations

Today, I am starting to write an article about dynamic invoice forms in PHP because we need this type of form in a professional way and it is very beneficial for project study because we can’t know the actual rows. Next we have seen how to integrate JavaScript/jQuery auto complete to this dynamically added input […]