One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn’t matter too much here because all those kind of applications share always the same idea: Rotating.
This objective can be achieve in different ways like fading and scrolling. Well here is iCarousel becomes useful. It’s a one step forward trying to generalize all those types of widgets providing a rich presentation and making the task easy to be done.
myTinyTodo is a free to-do-list application with a very simple & clean interface.
The application is built with PHP & uses MySQL or SQLite for storing data
There are two functions in the block of code below. the first one ’suggest’ performs the ajax request based on the users input into the text field which is passed into the function when the function is run. We reference the input with the variable ‘inputString’.
the first section of code is a simple if statement to check if the length of the users input in the text box is more than 0. If it is we run the ajax request to get the list of suggestions from the database. #country refers to the id of the text input in our form. You can see that we’re adding the class ‘load’ to the text input. This is to display an animated loading gif to show the user that we’re getting data from the database.
We then use ‘$.post’ to post the users input text to the ‘autosuggest.php’ page for processing. The autosuggest.php page simple returns a result based on a LIKE % sql query.
Once we have data back from the ‘autosuggest.php’ file, we fade in the suggestion box and inject the contents into the ‘#suggestionsList’ div using ‘.html’. We finally remove the ‘load’ class which removes the animated loading gif.
The function ‘fill()’ populates the text input field with the users selection if they click in a country from the suggested list, it then fades out the ‘#suggestions’ div removing it from the page.
It is a clear fact that Ajaxed interfaces, if not overused, eases using websites so much.
For an e-commerce website, this can mean a better shopping experience for customers where they can concentrate more on the products which may result in better sales.
This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.
Ptwix is an open source web component, that is built with PHP, for displaying tweets in an Ajaxed interface.
It can be configured to show your tweets or the tweets of your friends.
Once a webpage is loaded, the latest tweets are shown & “an update button” can make an Ajax call to get the new ones.
The component comes with 3 ready-to-use themes & new ones can be created by updating the CSS + images used.
Ptwix is so easy to install & it supports caching for faster loading.
pForm is a web-based & free HTML form builder application for creating good looking forms easily.
It offers various color schemes to get started & enables you to design your form with an Ajaxed interface.
Any type of form objects (text fields, checkboxes, dropdowns, file upload fields, etc.) can be added & every field can be customized (field label, type, size..).
Once the form design is completed, it can be previewed & ready-to-use HTML/CSS files can be downloaded as a .zip file.
To get amazing features like saving entries to database, input validation & much more, you can check the commercial product of the service: MachForm.