This example brings few jQuery plugins together to make it solve a very interesting feature of current trend. Using this example you will be able to collect the user location from his address line. The extra facility to select a place by dragging over the map makes it more easier to use. The use of Google maps API makes it possible to get the Latitude and Longitude from the address entered.
This example demonstrates the use of few best jQuery plugins like Validate, Form etc. Some preview of the test run are as follows. To open an example either select them from the list in the left panel or click in the individual images.
You can put this code anywhere in the webpage and it will start tracking any AJAX call made in this page.
alert("The AJAX call is successful");
alert("The AJAX call is successful");
This is a small jquery plugin utility which notifies on a new update from server. This can be controlled by an AJAX query or can be controlled by web sockets. This notification can also be opened using the HTML default event handlers. In HTML5 supported browser the notification will make a alerting sound to catch the attention. The following image is a preview of this small plugin.
This is a nice implementation of jquery validation and tooltip together to achieve a awesome effect. The code is pretty simple and very familiar to all of us. Please check this out and reply your thoughts. The following image is a preview of the result of the code.
I made this small utility program when working on a big project. The requirement was like in this image, from the left select box, user will select few payment methods he accepts and will transfer it to the right select box. Or if he decides not to allow a method any more, he will be able to remove this from the list. The values placed in the right select box will be saved when the form is submitted.
This is a quick post to introduce dynamic form. This dynamic form class can be utilized where you need a dynamic way of creating form, may be information taken from a user or database etc. It will create a form with predefined custom field types like phone number, email, url, number etc. The most important part of this code is, you have to attach validations only in PHP and it will adjust the code to work with js validation also. Please download the attachment and try the demo. If you like this demo code shall provide the full source code in another post. To get the full post just show me your interest by facebook likes or tweets, or by +1. New registrations are most welcome, because I am going to release lots of essential codes soon in future.
This form may be used to insert multiple set of data. Multiple set of records can be inserted at a single click in the “Submit” button. This is highly efficient in the case of bulk data entry. Here is a set of jQuery and PHP code which will perform as per the requirement.
To implement the code you have to activate jQuery first. Then you have to include the “lzmultiform” jQuery plugin (two files the .js and .css) and initialize it on document load for the form you want to activated it for. This plugin will create an interface on top of the form, by which user will be able to increase the number of field sets.
We can break a large task into pieces and work them out easily. This way you can divide a large server side task into small multiple tasks. For example if you need to send 1000 emails at a time, there may be inconveniences to perform this large task like time out or cpu overload etc. For this reason you may break the mailing list in chunks 50 emails per list or whatever you prefer. Then you can run the script 2o times to finish your job. This can be done using AJAX. I have created an example to demonstrate this.