Over at Ajax Magazine, Hatem has been hard at work on two Ajax tutorials using the Amazon web services. The tutorial is broken down into two parts and it is a good read if you are looking for something a bit more stimulating than your simple Ajax tutorial.
Explore Amazon Web Services with AJAX - LiveSearch - Day 1
Explore Amazon Web Services with AJAX - Price Compare - Day 2
http://weblogs.asp.net/pleloup
Tell them what they have won: Ajax in Action, Foundations of Ajax (Foundation), Professional Ajax
Tell them what they have won: A choice of either 1)Ajax in Action, 2)Foundations of Ajax (Foundation), 3)Professional Ajax
Tell them what they have won: A choice of either 1)Ajax in Action, 2)Foundations of Ajax (Foundation), 3)Professional Ajax
If you are one of the winners please send me some sort of proof (a simple shout out on the referring URL will be sufficient), as well as your shipping details to contest [at] ajaxlessons.com.
Thanks to everyone that entered, we will be holding another contest within the next few weeks.
Hey everyone, first I would like to thank all of the participants of the contest. The contest has now finished and the winners will be posted shortly. Thanks.
Found this over at Digg.com, seems like this will be the tool for form generation. Check out the demo and see for your self.
Wufoo is a web-based tool to help you build and host amazing online forms. In only a few short minutes, you can create a mailing list, a marketing survey or even a complete customer management system.
Over at MD Groves there is a simple yet useful tutorial on checking user name availability, this can also be extended to check city and state on zip codes etc.
For absolutely no reason whatsoever, I decided to create a simple example of AJAX, based on the framework I layed out in an earlier post.
The goal of this AJAX example is to allow a user who is registering for your site to see if the username they want to use is taken already or not, without having to submit a form and reload the page. I believe Digg uses this, and I hear it’s all the rage for Astronomy-based dating sites. You can skip to the implemented example in action here. Yeah, I did it in ASP this time, instead of PHP…FOR NO RAISIN WHATSOEVER, except maybe to show that the same JS framework works for both ASP and PHP.
Quentin Zervaas over at phpRiot() has posted a tutorial on creating sortable lists with PHP and AJAX.
You might have been in a situation before where you had a list of items in your database that needed to be output in a specific order. These items could be anything: perhaps a listing of your favourite movies or your favourite books. For whatever reason, you want them ordered in a custom way that can’t be determined automatically (such as alphabetical).
This article covers the implementation of a system that lets you easily define the order of such a list.
Traditionally, implementations of such functionality involve you clicking a “move up”, “move down”, “move to top”, or “move to bottom” button that switches the order the items (one item at a time). Or perhaps each item has a text box with a number in it, that by changing the numbers you can change the order of the list.
DOM Dynamic Tabs allows you to easily create tabbed content on the fly without creating any HTML.
This does not degrade in browsers that do not support JavaScript/DOM nor browsers that have JavaScript disabled.
To install copy the dynamicTabs.js into your project directory and ensure that you have included prototype.js and dynamicTabs.js in your page.
DOM Dynamic Tabs is a very easy simple to use, it can be used right out of the box with little code. The first thing that you need to do is create an instance of the Dynamic Tab object. To do this simply insert the following code into a JavaScript block.
var tabs = new dynamicTabs;
You have now created an instance of the dynamicTabs object. Now you are ready to set the data and properties of your new tab object. To start lets add some data. To do this we must access the tab property of dynamicTabs.
tabs.tab = [
{'name':'Tab 1','color':'red','content':'This is content for the tab 1.'},
{'name':'Tab 2','color':'blue','content':'This is content for the tab 2.'},
{'name':'Tab 3','color':'green','content':'This is content for the tab 3.'}
];
We provide the tab data using JSON, you do not need to know JSON to use the dynamic tab creator. The first parameter name will be the text that shows on the tab. The second parameter color will be the color of the tab and by default the color of the content area. The third parameter, content will provide data to the content area. This can easily be generated by serverside and a database for easy modification/addition to your dynamic tabs.
Now it’s time to display the tabs and the content area. We need to add the following one line of code.
tabs.init();
What this does is tell the object that the data has been provided and that the properties are set. You can now view the dynamic tabs and content on your site.
Note: If you plan on using more than one tabbed content area on one page you must give the object a seperate instance.
tabs.instance = ‘newInstance’;
You can change many of the properties of the dynamic tab creator such as the width, height, borders, high light colors etc. Below is a full list of all of the properties.
You can change many of the properties of the dynamic tab creator such as the width, height, borders, high light colors etc. Below is a full list of all of the properties.
Google has just released their new page creation software which happens to be the best WYSIWYG online editor I have ever used. This looks like it may be trouble for some of the other free hosting companies such as Geocities.
Google Page Creator is a free online tool that makes it easy for anyone to create and publish useful, attractive web pages in just minutes.
- No technical knowledge required.
Build high-quality web pages without having to learn HTML or use complex software.
- What you see is what you’ll get.
Edit your pages right in your browser, seeing exactly how your finished product will look every step along the way.
- Don’t worry about hosting.
Your web pages will live on your own site at http://yourgmailusername.googlepages.com
What are you waiting for create your Google Page now!
I have been playing around Google Pages for the last hour and have to admit that it is very easy to use. I recreated this blog article by easily copying and pasting between Firefox windows (from Ajax Lessons to Google Pages) and Google took care of all the HTML. I also like the different layout that you can choose from but I think most of the looks besides the default look, look (a lot of looks :P) very dull and uninspiring.
I’m sure that I’m a little late with posting this but thought some of you may not have seen it yet. This is an awesome Prototype.js Cheat Sheet created by Jonathan Snook of Snook.ca.
In getting to know Prototype a little better, I decided to go through the latest version of the Prototype library (1.5.0_pre0) and detail every method and property that was available. In doing so, I got a much better understanding of how the code works.
There is a great article recently published over at Sitepoint.com by Dan Webb about the Prototype.js library that we have focused on during our last three workshops. This article is a starter’s guide that covers most of the basic functions Prototype has to offer, as well as a lot of un-documented functions. This is an excellent read; I have learned a ton of stuff about Prototype I didn’t know before and suggest you take some time to read it as well if you develop with the library.
Prototype is an object oriented JavaScript library (written by Sam Stephenson and friends) that makes JavaScript fun. So it says on the site, anyway. Those of you who are familiar with the open source community’s latest and greatest application framework, Rails, may recognise Prototype as it actually forms the backbone of Rails’ JavaScript helper. However, Prototype can be used independently of Rails to aid the coding of many JavaScript doodads and Web 2.0 thingy wangles.
