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 […]
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> […]
We are going to create a simple page that lists three courses, and allows you to rate them. This means we need the stars to show the current rating, and to allow voting. We also want an area to show the total votes cast, and the current rating down to one decimal place. You may […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
