While working with fancybox, you might have noticed that any button or link or input inside fancybox popup just behaves like previous/next item slider, making that coming item to appear in popup rather of doing it’s assigned code on click. All the reason is the width specified for `fancybox-nav` class with higher `z-index` for it.
I had a Google Adwords Conversion tracking code that I needed to implement basically on an onclick event. The form I am tracking, submits information using AJAX and then renders a ‘Thank you’ message to the page by replacing the form’s div with the ‘Thank you’ HTML.
Generally We use Captcha in the form to ensure that the form is submitted with manual intervention without any tools or programs. In this article we will show captcha using jQuery from PHP. Using jQuery we can also refresh the captcha code by resending AJAX call to generate new captcha image.
Displaying a star ranking system is a common requirement to implement in websites. We have explained here how can we show a group of stars for each database record and dynamically apply 5 star rating in PHP with AJAX and jQuery. You can make AJAX calls to store rating of the record in database.
Thanks to all visitors for their love to the article http://fellowtuts.com/wordpress/wordpress-ajax-login-and-register-without-a-plugin/. As we got many requests to implement Google reCaptcha in WordPress AJAX Register, I’m here with the wonderful code which will protect spams through Google reCaptcha during registration in your WordPress powered site.
Ajax Image Upload using PHP and jQuery is very important topic nowadays because everybody wants to save their data without refreshing the page. Today we are going to generate an Ajax based image uploader, which means the image file will be uploaded to server using Ajax request, without reloading the page.
AJAX is an important part in web development. This blog post covers steps to handle AJAX image upload with progress bar in Bootstrap with drag n drop feature. Some cool features in these steps are.
Twitter Bootstrap provides alerts in different style to give user some messages regarding his actions and he/she can then close the alert manually later. But there is not functionality to auto close alert in Twitter Bootstrap so here I’m demonstrating how can you auto close alert message with nice fade away & slide effects with using AJAX.