background preloader

Ajax

Facebook Twitter

SuperAgent - Ajax with less suck. Super Agent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs.

SuperAgent - Ajax with less suck

It also works with Node.js! Test documentation The following test documentation was generated with Mocha's "doc" reporter, and directly reflects the test suite. This provides an additional source of documentation. Request basics A request can be initiated by invoking the appropriate method on the request object, then calling .end() to send the request. Request .get('/search') .end(function(res){ }); A method string may also be passed: request('GET', '/search').end(callback); The node client may also provide absolute urls: request .get(' .end(function(res){ }); DELETE, HEAD, POST, PUT and other HTTP verbs may also be used, simply change the method name: request .head('/favicon.ico') .end(function(res){ }); DELETE is a special-case, as it's a reserved word, so the method is named .del(): request('/search', function(res){ });

Ajax Voting System: Create Ajax Rating/Voting system in Dzone and Digg Style. Part 2. [ad#co-4] In my previous tutorial i explain how to create simple ajax rating using Ajax, PHP and CSS3.

Ajax Voting System: Create Ajax Rating/Voting system in Dzone and Digg Style. Part 2

In this part i am going to create Digg.com and Dzone.com voting style. [ad#co-2] zGrid: Best PHP/AJAX Grid System. Good for Newbie web developers. Display Collapsed Comments like Facebook with Jquery and Ajax. In this post I want to explain Facebook like Collapsed Comments, while clicking View all Comments link it displays all the existing comments.

Display Collapsed Comments like Facebook with Jquery and Ajax

I made a demo with jquery, ajax and php. Take a look at this live demo Download Script. Facebook Style Wall Posting and Comments System using jQuery PHP and Ajax. Reloaded. <?

Facebook Style Wall Posting and Comments System using jQuery PHP and Ajax. Reloaded

Php include('dbcon.php'); function checkValues($value) // Use this function on all those values where you want to check for both sql injection and cross site scripting. Ajax Stylish Captcha and Contact Form using JQuery and PHP. Super Ajax Polling/Voting System using JQuery, Ajax, PHP and MySQL. How To Create Ajax Heart Rating System with JQuery and PHP. This is another Rating System and Im sure you can get many awesome rating and voting script at 99Point.info I used animate() function of jQuery to get some stylish effect.When I create Youtube Style Ratings and Ajax Rating Many readers liked this and I thought I would give some stylish rating systems.

How To Create Ajax Heart Rating System with JQuery and PHP

This is created with Jquery and PHP. Hope You like it and don’t forget to subscribe with email. New Ajax Star Rating System in Tag Cloud Style using JQuery and PHP. New tutorial in Rating System series is here for you.

New Ajax Star Rating System in Tag Cloud Style using JQuery and PHP

It is a stylish and animated rating system I created many Ajax based Rating and Voting systems over 99Points.info. You can getYoutube Style Ratings and Ajax Rating In this rating system i used tag cloud technique, where top times rated star will be show bigger than others. So when you want to give a rate to any image or post, Click on your desired star number from 1-5 and then this star will go to bigger and bigger on each click. Create Bit.ly Short URLs Using Jquery and Ajax. How to create Bit.ly short URLs using Jquery and Ajax.

Create Bit.ly Short URLs Using Jquery and Ajax.

Many tutorials available on web about short URLs using server side script, this script works on client side. It is easy just 5 lines of code calling Bit.ly API. You have to modify the username and API key. Use it and make URLs shorts and neat. Live Demo Javascript Code You have to create an account on bit.ly and modify the username and API key. <script type="text/javascript" src=" type="text/javascript"> $(document).ready(function() { });</script> //HTML Code<input type="text" name="url" id="url"/> <input type="submit" id="short" value="Submit"/> <div id="result"></div> This javascript code $("#short").click(function(){}- short is the id name of the submit button.

Image source taken from deviantart.com. Fancy Ajax Tabs Navigation with Ajax CSS and PHP. CREATE TABLE IF NOT EXISTS `ajax_tabs` ( `id` int(11) NOT NULL AUTO_INCREMENT, `text` text NOT NULL, `page` varchar(100) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ; -- Dumping data for table `ajax_tabs` INSERT INTO `ajax_tabs` (`id`, `text`, `page`) VALUES (1, '<em>99Points</em>.info contains many tutorials over jquery, ajax, codeigniter, css and php.

Fancy Ajax Tabs Navigation with Ajax CSS and PHP

\r\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. \r\n There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don''t look even slightly believable. . (2, '<em>Contrary</em> to popular belief, Lorem Ipsum is not simply random text. \r\n There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don''t look even slightly believable. Delete Records with Random Animation Effect using jQuery and Ajax. Download Script Live Demo Database Table Code A simple database table two columns msg_id and message.

Delete Records with Random Animation Effect using jQuery and Ajax.

CREATE TABLE updates(msg_id INT PRIMARY KEY AUTO_INCREMENT,message TEXT); delete_random.php Contains PHP code displaying records from database. Take a look at class="delete_button" Ajax Domain Checker Application with Ajax and PHP. Delete a Record with animation fade-out effect using jQuery and Ajax. Are you like Twitter and Yammer API?

Delete a Record with animation fade-out effect using jQuery and Ajax.

This post about how to delete a record with animation fade-out effect using Ajax and jQuery. I like Twitter API very much, it's clean and faster. Ajax Shopping Cart: Create a Stylish Shopping Cart Using JQuery and PHP. Insert and Load Record using jQuery and Ajax. This tutorials explains how to insert and display record without refreshing web page. I had developed using jQuery and Ajax it's simple and useful take a look at this post. Next PartSlide down effect. Download Script Live Demo Database Design My previous post : Twitter Like More Button with jQuery and Ajax. N-Level of Dynamic Loading of DropDowns using Ajax and PHP. 20 More Excellent AJAX Effects You Should Know. Back in October we wowed you with 20 Excellent Ajax Effects You Should Know.

The post went on to become one of the most popular ever published at Nettuts+. This time around we have twenty more equally excellent Ajax effects for you to know and love. 1. Image Menu. Twitter Like More Button with jQuery and Ajax. This is an interesting tutorial I had developed this using jQuery and Ajax. Some days back twitter added new feature like 'more' button it's nice the some thing I'm presenting in this post. Download Script Live Demo Updated Version. AJAX Pagination using jQuery and PHP with Animation. Live Username Availability Checking using Ajax and jQuery. Demo Available. Simple script to check username availability using jQuery and Ajax. Try out demo and use it. I used gif loader and jquery fade in effects to make it fit. Display JSON Data with jQuery and Ajax. How to Create an Ajax File Uploader. In this tutorial we will be creating a simple Ajax style file uploader using jQuery, Ajax and Php.

Something you can easily implement on your site, complete with front and backend validation. Introduction The application we are going to build will use jQuery's versatility to allow multiple file uploads without refreshing the page or redirecting, complete with front and back end validation to prevent unwanted files being uploaded to your server. Chatting with Jquery and Ajax. Checking Username Availability with Mootools and Request.JSON. Comment System with jQuery, Ajax and PHP (Version 2.0). How To Parse XML Using jQuery and Ajax. In this tutorial I will show you how to parse or process an xml document to display the data on a page in html form.

It can be used to filter raw RSS feeds, set up a cool sitemap on your blog or even the groundwork for your own search auto complete.Note: Running this locally on your machine will more than likely not work because of security features. Try it on a server instead. Harnessing jQuery's Ajax API and making it do most of the work for us, leaves only the simple tasks of formatting how our data will displayed on the page while it is being parsed.

This whole process is fairly easy to implement. Getting Started. Submit A Form Without Page Refresh using jQuery. Youtube like Rating with Jquery and Ajax. Create a Dynamic Scrolling Content Box Using AJAX. If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically and adds it to the list. Dzone also implements this technique to show items as you scroll down the list. Similarly, Facebook has also started using this technique to load more posts in user’s home page as you scroll down. Today, I am going to create a similar dynamic content box that loads more content dynamically as user scrolls to the bottom of the box.

View Working Demo The HTML Structure The scrollbox div is the one that has fixed width and height and houses the content div that stores the content. The CSS Styles The height and width of scrolling div is fixed using CSS and its overflow property is set to auto so that it gets a scrollbar when content exceeds the height or width. The Concept Here is an illustraton specifying these properties. The JavaScript Code. Favorite Rating with jQuery and Ajax. I received a mail from my reader that asked to me how to implement Show the love rating system like . Building a 5 Star Rating System with jQuery, AJAX and PHP. Create a shoutbox using PHP and AJAX (with jQuery) Better File Uploads with AJAX and JavaServer Faces. Voting system with jQuery, Ajax and PHP. Submit multiple forms with jQuery and Ajax.

AJAX Login Form: Powered by MooTools. jQuery Ajax delete. Building a Sleek AJAX Email Signup Form. Dynamic Dependent Select Box using Jquery and Ajax. AJAX file upload tutorial. Bing Instant Search with Jquery and Ajax. Fun with jQuery Templating and AJAX. A Simple Twitter App with Ruby on Rails - Messages With Ajax. Uploading Files with AJAX. A Fancy AJAX Contact Form. Fancy Quotes With jQuery, AJAX & CSS. Create a Twitter-Like “Load More” Widget. AJAX-enabled Sticky Notes With PHP & jQuery. Sweet AJAX Tabs With jQuery 1.4 & CSS3. Ajax Image Upload without Refreshing Page using Jquery. AJAX Username Availability Checker Using MooTools 1.2. How To: AJAXify WordPress Comment Posting. Live Table Edit with Jquery and Ajax. New Premium Tutorial: How to Code a Fun To-Do List With PHP and AJAX. Learn how to AJAXify Comment Forms.

Multiple Ajax Requests with Jquery. AJAX-ed Todo List With PHP, MySQL & jQuery. Facebook like Autosuggestion with jQuery, Ajax and PHP. Simple AJAX Commenting System. Nodstrum. An AJAX Click to Appreciate Badge. Tutorial 3: Adding a scroller to your website that supports Ajax. A Twitter List Powered Fan Page. Making an AJAX Web Chat (Part 1) – PHP and MySQL. Creating an AJAX Web App Using the Bit.ly API. AJAX Multiple File Upload Form Using jQuery. A simple AJAX website with jQuery. An AJAX Based Shopping Cart with PHP, CSS & jQuery. Build An AJAX Powered Shopping Cart.