Google Says You can trust us, really, on data security
Google described on Tuesday how it secures the mountains of data that it handles every day, saying that it has highly automated processes and employs the best and brightest in Web security.
On the Official Google Blog, Douglas Merrill, a vice president of engineering, spelled out the company's philosophy, processes, and technology that the company employs for security.
He said that the company is developing its own security software, particularly to address areas such as large-scale computing and automation.
Google's processes are set up so that sensitive personal information can only be viewed by exception, Merrill said.
Read The Complete article
Google's Click versus Facebook's Click!!!!
Google Second Click
For those of you who haven't read Dave Morgan's article on Google trying to capture the "second click" you should do so here: MediaPost - The Fight for the Second Click. It's a couple months old, but worth the read if you haven't seen it.
The point is, because of Google's position as the de-facto start page of the internet, they are able to control where users go - and that control makes them powerful, because traffic = money. The fight for the "second click" refers to Google thinking about how they can control not just the first click (Search!) but also provide a shortcut to answer the query on a second click. And because of their control of the search engine result page (SERP), they can always place their content above everyone else's.
It might seem like a big deal to do this, but you can imagine that if you ran a business in weather, real estate, dictionary reference, or movies, you'd want to know where Google was planning to expand here.
Read Complete Article Here
For those of you who haven't read Dave Morgan's article on Google trying to capture the "second click" you should do so here: MediaPost - The Fight for the Second Click. It's a couple months old, but worth the read if you haven't seen it.
The point is, because of Google's position as the de-facto start page of the internet, they are able to control where users go - and that control makes them powerful, because traffic = money. The fight for the "second click" refers to Google thinking about how they can control not just the first click (Search!) but also provide a shortcut to answer the query on a second click. And because of their control of the search engine result page (SERP), they can always place their content above everyone else's.
It might seem like a big deal to do this, but you can imagine that if you ran a business in weather, real estate, dictionary reference, or movies, you'd want to know where Google was planning to expand here.
Read Complete Article Here
Best Javascript Image Galleries!!!!
Best Javascript Image Galleries!!!!
There are a large number of Flash image galleries but sometimes Flash is not equired or cant be used so we turn to Javascript and CSS. Here is a roundup of some of the better Javascript and Ajax based solutions to our gallery requirements …
Modified Hoverbox Image Gallery - This following is a modified version of Nathan’s incredible Hoverbox Image Gallery. This version uses a single image for thumbnail/larger view and partially supports :active and :focus states for keyboard only users
FrogJS Javascript Gallery - FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries
slideViewer - slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images
There are a large number of Flash image galleries but sometimes Flash is not equired or cant be used so we turn to Javascript and CSS. Here is a roundup of some of the better Javascript and Ajax based solutions to our gallery requirements …
Modified Hoverbox Image Gallery - This following is a modified version of Nathan’s incredible Hoverbox Image Gallery. This version uses a single image for thumbnail/larger view and partially supports :active and :focus states for keyboard only users
FrogJS Javascript Gallery - FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries
slideViewer - slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images(E)2 Photo Gallery Made With Mootools - (E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP
jqGalViewIII - Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved
Zenphoto - Zenphoto is an answer to lots of calls for an online gallery solution that just makes sense
Imago - Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting
Hope you find these links useful.
How to Create a Ajax Based Style Switcher?
Unobtrusive Degradable Ajax Style Sheet Switcher!
Boy are you in for treat today ‘cause we’re gonna have a whole lotta Ajaxifida Unobtrucitosity CSS swappin’ Fun!
Okay are you really kidding? Nope. I’ve even impressed myself on this one. Unfortunately, I don’t have much time to tell you the ins and outs of what I actually did to get this to work. We’re talking JavaScript, CSS, PHP...Ajax. But don’t worry about that. I’ve always believed that a good A.P.I. is an invisible A.P.I… and this I felt I achieved. The only thing you need to know is how it works and what to do.
What I did to achieve this was used server-side cookies instead of JavaScript cookies. Hence, PHP. However this isn’t a “PHP style switcher” – which is where Ajax comes in. For the extreme technical folks, no, there is no xml involved here, or even a callback response. I only say Ajax because everyone knows what ‘it’ means. With that said, it’s the Ajax that sets the cookies ‘on the fly’. Got it? Awesome!
Continue Reading
Boy are you in for treat today ‘cause we’re gonna have a whole lotta Ajaxifida Unobtrucitosity CSS swappin’ Fun!
Okay are you really kidding? Nope. I’ve even impressed myself on this one. Unfortunately, I don’t have much time to tell you the ins and outs of what I actually did to get this to work. We’re talking JavaScript, CSS, PHP...Ajax. But don’t worry about that. I’ve always believed that a good A.P.I. is an invisible A.P.I… and this I felt I achieved. The only thing you need to know is how it works and what to do.
What I did to achieve this was used server-side cookies instead of JavaScript cookies. Hence, PHP. However this isn’t a “PHP style switcher” – which is where Ajax comes in. For the extreme technical folks, no, there is no xml involved here, or even a callback response. I only say Ajax because everyone knows what ‘it’ means. With that said, it’s the Ajax that sets the cookies ‘on the fly’. Got it? Awesome!
Continue Reading
How To Use Ajax and Flash together?
Aflaxtm stands for Asynchronous Flash and XML. Defined simply, Aflax is a development methodology which combines Ajax and Flash to create more dynamic web based applications.Developed by Paul Colton, the Aflax technology is available as a library that enables developers to use JavaScript to fully utilize all of the features of Adobe's Flash runtime -- including graphics, networking, video and camera support.
How to : Make SlideShows using Ajax!!!!
Introduction
I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless.
The idea came to me because I wanted a lightweight slideshow based on HTML, CSS and JavaScript, but I also wanted to separate the data of each page from the actual code that presents it. Therefore, I decided to move the data into an XML file and then use AJAX to retrieve it. The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to).
Continue Reading Further
I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless.
The idea came to me because I wanted a lightweight slideshow based on HTML, CSS and JavaScript, but I also wanted to separate the data of each page from the actual code that presents it. Therefore, I decided to move the data into an XML file and then use AJAX to retrieve it. The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to).
Continue Reading Further
How To: Use Ajax for Designing Purpose, For Designers!!!!
Introduction
For some AJAX is marketing speak for something that has been around for years. For others, it is the salvation they have been looking for, for seemingly centuries. I would tell the former group that the latter group finally caught up, and you should revel in the growth of your new community and accept them with open arms. Snobbery really won’t help anyone.
Recently Jesse James Garrett from Adaptive Path wrote an article for the duo at Ok-Cancel called “Why AJAX Matters Now”. As usual Jesse is insightful and dead on about why AJAX has arrived. More aptly I would say that Jesse describes well why the world is now ready for
AJAX where earlier uses of the same technology had really no chance of taking off.
Jesse does still speak of AJAX’s arrival in his article, and while it is not such an important distinction, I would like to correct him and say that AJAX (as our former group notes above) has been around for a while, and that other environmental variables have been put in place to make AJAX consumable.
Continue Reading The Tutorial
For some AJAX is marketing speak for something that has been around for years. For others, it is the salvation they have been looking for, for seemingly centuries. I would tell the former group that the latter group finally caught up, and you should revel in the growth of your new community and accept them with open arms. Snobbery really won’t help anyone.
Recently Jesse James Garrett from Adaptive Path wrote an article for the duo at Ok-Cancel called “Why AJAX Matters Now”. As usual Jesse is insightful and dead on about why AJAX has arrived. More aptly I would say that Jesse describes well why the world is now ready for
AJAX where earlier uses of the same technology had really no chance of taking off.
Jesse does still speak of AJAX’s arrival in his article, and while it is not such an important distinction, I would like to correct him and say that AJAX (as our former group notes above) has been around for a while, and that other environmental variables have been put in place to make AJAX consumable.
Continue Reading The Tutorial
How To: Upload Files in Java using Ajax
Introduction
Browser-based file uploads, in particular those involving the HTML <input type="file"> tag, have always been rather lacking. As I am sure most of you are aware, uploading files exceeding 10MB often causes a very poor user experience. Once a user submits the file, the browser will appear to be inactive while it attempts to upload the file to the server.
While this happening in the background, many impatient users would start to assume that the server is "hanging" and would try to submit the file again. This of course, only helps to make matters worse.
In an attempt to make uploading of files more user-friendly, many sites display an indeterminate progress animation (such as a rotating icon) once the user submits the file. Although this technique may be useful in keeping the user distracted while the upload being submitted to the server, it offers very little information on the status of the file upload.
Another attempt at solving the problem is to implement an applet that uploads the file to the server through FTP. The drawback with this solution is that it limits your audience to those that have a Java-enabled browser.
How To: Submit Form using Ajax
The new release of CakePHP (RC2) comes with a completely rewritten AjaxHelper::form() function (with the disadvantage that it breaks existing code). Let’s look how to use it:
$ajax->form(array('action' => '/controller/action'), 'post',
array('update' => 'mydiv'));
I think this code is self-explanatory (if not, please write a comment). What’s cool about this code is the fact that it will also work when you disable JavaScript. The form will submit the form data in both cases to /controller/action.
That means you have to distinguish in your action whether it is called via Ajax or not, and then you have at least to select the appropriate layout. You can do it in the following way (thanks to nate for this hint):
Continue Reading the Tutorial
$ajax->form(array('action' => '/controller/action'), 'post',
array('update' => 'mydiv'));
I think this code is self-explanatory (if not, please write a comment). What’s cool about this code is the fact that it will also work when you disable JavaScript. The form will submit the form data in both cases to /controller/action.
That means you have to distinguish in your action whether it is called via Ajax or not, and then you have at least to select the appropriate layout. You can do it in the following way (thanks to nate for this hint):
Continue Reading the Tutorial
How To: Learn AJAX in 20 minutes
How To: Learn AJAX in 20 minutes
Here is a quick overview and example of AJAX in action. Before you begin, this example will only work in FireFox work in FireFox and IE7. You’ll have to change few things in the JavaScript for it to work in IE6. To download the files used below click here.
If you don’t have PHP/Apache installed, follow the tutorial I made to install it. The example below assumes you know the basics of PHP, you can learn as you go along if you don’t. A good reference is the base PHP website.
AJAX stands for Asynchronous JavaScript and XML. Conventional web application trasmit information to and from the sever using synchronous requests. This means you fill out a form, hit submit, and get directed to a new page with new information from the server.
With AJAX when submit is pressed, JavaScript will make a request to the server, interpret the results and update the current screen. In the purest sense, the user would never know that anything was even transmitted to the server.
Continue Reading The Article
Here is a quick overview and example of AJAX in action. Before you begin, this example will only work in FireFox work in FireFox and IE7. You’ll have to change few things in the JavaScript for it to work in IE6. To download the files used below click here.
If you don’t have PHP/Apache installed, follow the tutorial I made to install it. The example below assumes you know the basics of PHP, you can learn as you go along if you don’t. A good reference is the base PHP website.
AJAX stands for Asynchronous JavaScript and XML. Conventional web application trasmit information to and from the sever using synchronous requests. This means you fill out a form, hit submit, and get directed to a new page with new information from the server.
With AJAX when submit is pressed, JavaScript will make a request to the server, interpret the results and update the current screen. In the purest sense, the user would never know that anything was even transmitted to the server.
Continue Reading The Article
What The Hell Is Ajax? For Non-Techies!!!!
Introduction
Have you wondered what AJAX is, and whether you should learn to apply it in your web development work? You’ve probably heard the buzzword, but what exactly makes AJAX tick? Let’s take a look “under the hood” and see just what the buzz is all about.
What is AJAX?
AJAX is an acronym for Asynchronous JavaScript and XML. It is a development technique for creating interactive web applications. Unlike classic web pages, which must load in their entirety if content changes, AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes.
What Does Ajax Uses?
1. CSS, for marking up and styling information.
2. The Document Object Model accessed with a client-side scripting language like JavaScript to dynamically display and interact with the information presented.
3. The XMLHttpRequest object to exchange data asynchronously with the web server.
4. XML is sometimes used as the format for transferring data between the server and client, although any format will work.
Continue Reading The Tutorial
Have you wondered what AJAX is, and whether you should learn to apply it in your web development work? You’ve probably heard the buzzword, but what exactly makes AJAX tick? Let’s take a look “under the hood” and see just what the buzz is all about.
What is AJAX?
AJAX is an acronym for Asynchronous JavaScript and XML. It is a development technique for creating interactive web applications. Unlike classic web pages, which must load in their entirety if content changes, AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes.
What Does Ajax Uses?
1. CSS, for marking up and styling information.
2. The Document Object Model accessed with a client-side scripting language like JavaScript to dynamically display and interact with the information presented.
3. The XMLHttpRequest object to exchange data asynchronously with the web server.
4. XML is sometimes used as the format for transferring data between the server and client, although any format will work.
Continue Reading The Tutorial
How to make Username Avaialable or not checking Script using Ajax?
How to make Username Avaialable or not checking Script using Ajax?
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.
Read the complete tutorial
AJAX username availability checking
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.
Read the complete tutorial
AJAX username availability checking
How to Make Sortable Tables using Ajax???/
How to Make Sortable Tables using Ajax???
Read the tutorial and check for yourself.
Sorttable: Make all your tables sortable
While the web design community gradually moves away from using tables to lay out the structure of a page, tables really do have a vital use, their original use; they're for laying out tabular data.
Read the tutorial and check for yourself.
Sorttable: Make all your tables sortable
While the web design community gradually moves away from using tables to lay out the structure of a page, tables really do have a vital use, their original use; they're for laying out tabular data.
Best Collection of Tutorials for Ajax Begineers and Newbies!!!!
Best Collection of Tutorials for Ajax Begineers and Newbies!!!!
An Introduction to AJAX
A very nice introduction to AJAX.
Nitty Gritty Ajax
In the course of this tutorial, we're going to look at what Ajax can do. Then we'll use a JavaScript class to simplify your first steps toward the ultimate in speedy user interactivity.
A simple AJAX example
Based on Rasmus's 30 second AJAX tutorial, I've cobbled together a very rudimentary example of one approach to AJAX programming. A "Hello, World" AJAX program, if you will. You can view the demo here on my site, and download the source code (document attachment at the bottom of this article).
A List Apart: Articles: Getting Started with Ajax
The start of 2005 saw the rise of a relatively new technology, dubbed "Ajax" by Jesse James Garrett of Adaptive Path. Ajax stands for Asynchronous JavaScript and XML. In a nutshell, it is the use of the nonstandard XMLHttpRequest() object to communicate with server-side scripts.
Ajax Toybox
Justin has put together a nice group of AJAX tutorials including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.
Introduction to Ajax
When it comes to Ajax, the reality is that it involves a lot of technologies -- to get beyond the basics, you need to drill down into several different technologies (which is why I'll spend the first several articles in this series breaking apart each one of them).
Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples
A great group of AJAX examples.
Rasmus' 30 second AJAX Tutorial
I find a lot of this AJAX stuff a bit of a hype. Lots of people have been using similar things long before it became "AJAX". And it really isn't as complicated as a lot of people make it out to be. Here is a simple example from one of my apps.
An Ajax "Hello World" project to Get You Going
Sometimes we all want something very simple to build a thorough understanding of the mechanics of a new technique before we dive into the deeper water beyond. Now, if you are into ASP.NET and not PHP you might like to take a look at my version of this ultra-simple introduction to Ajax with sincere thanks to the original author.
Ajax Beginners Tutorial
In this tutorial we'll discuss the basic principles of remote scripting using Ajax, a combination of javascript and XML to allow web pages to be updated with new information from the server, without the user having to wait for a page refresh.
I hope you find these links useful. Please drop in your comments.
An Introduction to AJAX
A very nice introduction to AJAX.
Nitty Gritty Ajax
In the course of this tutorial, we're going to look at what Ajax can do. Then we'll use a JavaScript class to simplify your first steps toward the ultimate in speedy user interactivity.
A simple AJAX example
Based on Rasmus's 30 second AJAX tutorial, I've cobbled together a very rudimentary example of one approach to AJAX programming. A "Hello, World" AJAX program, if you will. You can view the demo here on my site, and download the source code (document attachment at the bottom of this article).
A List Apart: Articles: Getting Started with Ajax
The start of 2005 saw the rise of a relatively new technology, dubbed "Ajax" by Jesse James Garrett of Adaptive Path. Ajax stands for Asynchronous JavaScript and XML. In a nutshell, it is the use of the nonstandard XMLHttpRequest() object to communicate with server-side scripts.
Ajax Toybox
Justin has put together a nice group of AJAX tutorials including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.
Introduction to Ajax
When it comes to Ajax, the reality is that it involves a lot of technologies -- to get beyond the basics, you need to drill down into several different technologies (which is why I'll spend the first several articles in this series breaking apart each one of them).
Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples
A great group of AJAX examples.
Rasmus' 30 second AJAX Tutorial
I find a lot of this AJAX stuff a bit of a hype. Lots of people have been using similar things long before it became "AJAX". And it really isn't as complicated as a lot of people make it out to be. Here is a simple example from one of my apps.
An Ajax "Hello World" project to Get You Going
Sometimes we all want something very simple to build a thorough understanding of the mechanics of a new technique before we dive into the deeper water beyond. Now, if you are into ASP.NET and not PHP you might like to take a look at my version of this ultra-simple introduction to Ajax with sincere thanks to the original author.
Ajax Beginners Tutorial
In this tutorial we'll discuss the basic principles of remote scripting using Ajax, a combination of javascript and XML to allow web pages to be updated with new information from the server, without the user having to wait for a page refresh.
I hope you find these links useful. Please drop in your comments.
Collection of Best Ajax Based Tutorials
Collection of Best Ajax Based Tutorials
Contains scripts from building a Spy, Building Shelf in wordpress, Cookies, Simple Ajax Code and Snippets, Ajax using ASP.NET, How to Speed up your web applications, Creating your own effects using Ajax.
All the tutorials under one roof.
Building a Spy
Step by step instructions on how to build a Digg like spy page.
Building a Shelf in WordPress
Nice tutorial on how to build a sliding shelf in Wordpress.
AJAX from Scratch: Implementing Mutual Exclusion in JavaScript
This AJAX from Scratch series of articles describes fundamental techniques needed to develop AJAX Rich Internet Applications in JavaScript from scratch.
Saving Session Across Page Loads Without Cookies, On The Client Side
This is a mini-tutorial on saving state across page loads on the client side, without using cookies so as to save large amounts of data beyond cookies size limits.
A Tale of Two IFrames or, How To Control Your Browsers History
This is a mini-tutorial on the black art of iframes and browser history, known to AJAX experts but rarely presented clearly.
AjaxWorld Special: What Is AJAX?
Learn more about AJAX and ColdFusion
Simple Ajax Functions - Snippets
I've created a list of very common JavaScript functions for Ajax. They have been created in quick reference fashion and do not contain any fancy stuff. Instead of creating one function which can handle various tasks depending on passed values, they are split into seperate basic task functions. The reason for this is simplicity.
AJAX Using ASP.NET 1.1
You've heard of it. It is the latest buzz term for web programmers these days. AJAX is an acronym that stands for Asynchronous JavaScript and XML. AJAX gains its popularity by allowing data on a page to be dynamically updated without having to make the browser reload the page. I will describe more about how AJAX works, and then go into some sample code to try out.
Speed up Your AJAX Based Webapps
It sets the expiry of the JavaScript to years and not days. Once the JavaScript file is downloaded it is never downloaded again, ofcourse unless you force it by removing the file in the cache. If you visit the site often the JavaScript will not be removed from the cache.
Kick-start your Java apps, Part 2
This tutorial guides you through the development of a small human-resources application, first using conventional JavaServer Pages (JSP) based technology, and then migrating it to a highly interactive solution using Ajax.
Howto integrate Google Calendar in your website using AJAX
One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it's a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website.
Create Your Own Ajax Effects
Why let script.aculo.us have all the fun? Start building your own Ajax-driven visual effects today. The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We're going to show you how to take basic effects and build on them to create your own.
Hope you find these collection useful. If you find them useful, please drop in comments.
Contains scripts from building a Spy, Building Shelf in wordpress, Cookies, Simple Ajax Code and Snippets, Ajax using ASP.NET, How to Speed up your web applications, Creating your own effects using Ajax.
All the tutorials under one roof.
Building a Spy
Step by step instructions on how to build a Digg like spy page.
Building a Shelf in WordPress
Nice tutorial on how to build a sliding shelf in Wordpress.
AJAX from Scratch: Implementing Mutual Exclusion in JavaScript
This AJAX from Scratch series of articles describes fundamental techniques needed to develop AJAX Rich Internet Applications in JavaScript from scratch.
Saving Session Across Page Loads Without Cookies, On The Client Side
This is a mini-tutorial on saving state across page loads on the client side, without using cookies so as to save large amounts of data beyond cookies size limits.
A Tale of Two IFrames or, How To Control Your Browsers History
This is a mini-tutorial on the black art of iframes and browser history, known to AJAX experts but rarely presented clearly.
AjaxWorld Special: What Is AJAX?
Learn more about AJAX and ColdFusion
Simple Ajax Functions - Snippets
I've created a list of very common JavaScript functions for Ajax. They have been created in quick reference fashion and do not contain any fancy stuff. Instead of creating one function which can handle various tasks depending on passed values, they are split into seperate basic task functions. The reason for this is simplicity.
AJAX Using ASP.NET 1.1
You've heard of it. It is the latest buzz term for web programmers these days. AJAX is an acronym that stands for Asynchronous JavaScript and XML. AJAX gains its popularity by allowing data on a page to be dynamically updated without having to make the browser reload the page. I will describe more about how AJAX works, and then go into some sample code to try out.
Speed up Your AJAX Based Webapps
It sets the expiry of the JavaScript to years and not days. Once the JavaScript file is downloaded it is never downloaded again, ofcourse unless you force it by removing the file in the cache. If you visit the site often the JavaScript will not be removed from the cache.
Kick-start your Java apps, Part 2
This tutorial guides you through the development of a small human-resources application, first using conventional JavaServer Pages (JSP) based technology, and then migrating it to a highly interactive solution using Ajax.
Howto integrate Google Calendar in your website using AJAX
One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it's a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website.
Create Your Own Ajax Effects
Why let script.aculo.us have all the fun? Start building your own Ajax-driven visual effects today. The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We're going to show you how to take basic effects and build on them to create your own.
Hope you find these collection useful. If you find them useful, please drop in comments.
How to Implement Forms & Autocomplete using Ajax!!!!!
How to Implement Forms & Autocomplete using Ajax!!!!!
Scriptaculous Lists with PHP
The drag-and-drop effects, most notably the sortables, caught my eye because the look great, they are so easy to implement, and they're just so much nicer than the standard listbox with up/down arrows that we see in most of today's applications and administration tools.
Alter data with Ajax forms
Displaying rich formatted questions and lists, even paginated, is not enough to make an application live. And the heart of the askeet concept is to allow any registered user to ask a new question, and any user to answer an existing one. Isn't it time we get to it?
Dynamic Client LookupThis script uses AJAX to autofill a form. Open the demo and type in 1001 in the "client ID" text field. AJAX will when you have done this call a script on the server and auto fill the rest of the form with client data.
Chained Select BoxesThis script uses Ajax to popuplate a select box with cities based on which country you choose.
Ajax Dynamic ListThis script shows you a list of options based on what you type into a text input. Example: Type in "A" and Ajax will get you a list of all contries starting with "A".
Know of more scripts? Drop us a line/comment
Scriptaculous Lists with PHP
The drag-and-drop effects, most notably the sortables, caught my eye because the look great, they are so easy to implement, and they're just so much nicer than the standard listbox with up/down arrows that we see in most of today's applications and administration tools.
Alter data with Ajax forms
Displaying rich formatted questions and lists, even paginated, is not enough to make an application live. And the heart of the askeet concept is to allow any registered user to ask a new question, and any user to answer an existing one. Isn't it time we get to it?
Dynamic Client LookupThis script uses AJAX to autofill a form. Open the demo and type in 1001 in the "client ID" text field. AJAX will when you have done this call a script on the server and auto fill the rest of the form with client data.
Chained Select BoxesThis script uses Ajax to popuplate a select box with cities based on which country you choose.
Ajax Dynamic ListThis script shows you a list of options based on what you type into a text input. Example: Type in "A" and Ajax will get you a list of all contries starting with "A".
Know of more scripts? Drop us a line/comment
How to Load Data Dynamically using Ajax?
These set of tutorials are collection of articles which teaches you how to load data dynamically using Ajax.
Ajax has become a new mantra of web. Its a must for sites now and for every developer as well.
Check these tutorials and let us know what you think
1. Dynamically loaded articles
This is a basic example showing you how to use AJAX. In this script, you have a list of article titles at the right side. When you click on one of them, AJAX will be used to request the content of the article from an external file and show it in the main DIV.
2. Ajax - Dynamic Content
This small generic script makes it easy for you to load content of external files into HTML elements on your page.
Know of more scripts? Let us know by dropping comments
Ajax has become a new mantra of web. Its a must for sites now and for every developer as well.
Check these tutorials and let us know what you think
1. Dynamically loaded articles
This is a basic example showing you how to use AJAX. In this script, you have a list of article titles at the right side. When you click on one of them, AJAX will be used to request the content of the article from an external file and show it in the main DIV.
2. Ajax - Dynamic Content
This small generic script makes it easy for you to load content of external files into HTML elements on your page.
Know of more scripts? Let us know by dropping comments
Drag and Drop with Symfony Project. Coool Video Tutorial!!!!
Adding items to a shopping cart in common e-commerce applications isn't very close to the actual "add to cart" metaphor, since it requires clicking an "add to cart" button, watch a new page (the shopping cart), and then go back to the shop or checkout with buttons.
Ajax allows to get closer to the cart metaphor, by enabling drag-and-drop interactions and giving immediate visual feedback, without leaving the shop.
Check this cool video and learn how to make your own Drag-n-Drop script using PHP Framework, Symfony Project.
Drag and Drop Tutorial (with a cool video)
Ajax allows to get closer to the cart metaphor, by enabling drag-and-drop interactions and giving immediate visual feedback, without leaving the shop.
Check this cool video and learn how to make your own Drag-n-Drop script using PHP Framework, Symfony Project.
Drag and Drop Tutorial (with a cool video)
Make Ajax Based Chat Applications in Minutes!!!!!
Its the most comprehensive collection of all the Ajax based Chat systems.
Now, its very simple to just use these freely distributed code and demo so that one can integrate in any of the server side or client side for Chatting purpose.
One can also use them in their blogs and target readers and encourage user engagement.
AJAX Chat Sources Code for Download
After a slow start (following the announcement of the XHTML (ajax) Chat) things got finally busy. I had so many requests that I have decided to offer the complete sources for download.
Lace - Ajax ChatLace is a free, lightweight Ajaxian communications engine suitable for a shoutbox, chat room or similar. Version 0.1.3 brings with it several bug fixes, a tiny bit of code reorganization and most importantly, an oft-requested User List.
Most Simple Ajax Chat Ever
Very easy to use AJAX chat demo.
Know of more scripts? Drop in comments and share with us.
Now, its very simple to just use these freely distributed code and demo so that one can integrate in any of the server side or client side for Chatting purpose.
One can also use them in their blogs and target readers and encourage user engagement.
AJAX Chat Sources Code for Download
After a slow start (following the announcement of the XHTML (ajax) Chat) things got finally busy. I had so many requests that I have decided to offer the complete sources for download.
Lace - Ajax ChatLace is a free, lightweight Ajaxian communications engine suitable for a shoutbox, chat room or similar. Version 0.1.3 brings with it several bug fixes, a tiny bit of code reorganization and most importantly, an oft-requested User List.
Most Simple Ajax Chat Ever
Very easy to use AJAX chat demo.
Know of more scripts? Drop in comments and share with us.
How to Create Ajax based Bookmarking system!!!!
A bookmarklet is a special piece of JavaScript code that can be dragged into a user's link toolbar, and which later can be clicked on to implement cross-site behavior. People have done all sorts of cool stuff with it.
I particularly found it very simple and agile.
JUst check this out and fall in love with it.
Creating Huge Bookmarklets
Know of more scripts? Drop in comments I shall add them here too.
I particularly found it very simple and agile.
JUst check this out and fall in love with it.
Creating Huge Bookmarklets
Know of more scripts? Drop in comments I shall add them here too.
How to Upload Files using Ajax and Progress Bar!!!!
Check this tutorial for more on how to upload files along with a Progress bar.
CakeTimer - An Ajax File Uploads Progress Bar
This is a demonstration of an AJAX powered progressbar to monitor file uploads with (Cake)PHP
HowTo add Ajax in-progress indicators
Ok, so my little del.icio.us app (click link to read about how I added Ajax functionality to a simple Rails app) is pretty cool, but it was missing one big thing. When the user clicks the "Get Results" link she has no idea that the page is communicating with the server.
IF you know of any more Uploading file scripts, please drop in a comment.
CakeTimer - An Ajax File Uploads Progress Bar
This is a demonstration of an AJAX powered progressbar to monitor file uploads with (Cake)PHP
HowTo add Ajax in-progress indicators
Ok, so my little del.icio.us app (click link to read about how I added Ajax functionality to a simple Rails app) is pretty cool, but it was missing one big thing. When the user clicks the "Get Results" link she has no idea that the page is communicating with the server.
IF you know of any more Uploading file scripts, please drop in a comment.
Best Javascript & Ajax based Tabs!!!!!
If you’re building a web site which has tabs within the design, why not spice it up with a little Javascript magic. Today we round up 10 Javascript/Ajax Tab scripts you can easily incorporate into your future designs …
JQuery Coda Slider : The sliding effect is what the Coda-Slider is all about; Nice, slick content presentation
Perspective Tabs - Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allow for a lagre number of tabs to fit into a small space
JQuery Coda Slider : The sliding effect is what the Coda-Slider is all about; Nice, slick content presentation
Perspective Tabs - Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allow for a lagre number of tabs to fit into a small space
Tab Accordion - Tabbed style accordion script written with Moo.FX
These are some of the useful links you should follow to achieve some of the best Tabs available.
some more useful links are
1. Tabs in Scriptaculous - This script will allow you to create interactive tabs for use in an application
2. Ajax Tabs Reloaded - From time to time you run across a cool site or test code and think that you may use it somewhere. I thought that about the HavocStudios Ajax tab system so I went back to the site to check it out
If you know of anymore of tutorials, please drop in a line or comment.
Submit Forms Conditionally using JavaScript
In the long-gone days of the early Internet, having a form on the website was tantamount to dabbling with "cutting-edge" technologies. Intricate Perl scripts and esoteric CGI scripts were required to process those forms and people used to suffer bouts of cold sweat whenever there manifested a need to use web forms.
To create a form-handling script used to be in the realms of MCAs and computer engineers. No longer is it so. The Internet these days is replete with all sorts of form handling scripts, and wherever you choose to host your website, or for that matter even a web page, you can easily deploy a form handling script and start interacting with your visitors.
As the level of interaction goes complex, you require more complicated scripts. One way is to write a single script containing hundreds of lines of code. The action script (that comes within <form action="scriptname.php">) encompasses numerous if-then-else conditions, and even within these conditions, there could be zillions of nested if-then-else conditions. After a certain time it becomes a Herculean task to maintain such a form handling script and unless you are an avid documenter, you'll lose the track in no time.
Continue Reading
To create a form-handling script used to be in the realms of MCAs and computer engineers. No longer is it so. The Internet these days is replete with all sorts of form handling scripts, and wherever you choose to host your website, or for that matter even a web page, you can easily deploy a form handling script and start interacting with your visitors.
As the level of interaction goes complex, you require more complicated scripts. One way is to write a single script containing hundreds of lines of code. The action script (that comes within <form action="scriptname.php">) encompasses numerous if-then-else conditions, and even within these conditions, there could be zillions of nested if-then-else conditions. After a certain time it becomes a Herculean task to maintain such a form handling script and unless you are an avid documenter, you'll lose the track in no time.
Continue Reading
How To Open PDFs in a New Window with JavaScript
Introduction
Opening documents such as PDFs in a new window should be automated using JavaScript for the following reasons:
1. Users will often close the web browser when a PDF is opened, mistakenly believing the document has been opened in Adobe Reader
2. The attribute historically used to open a new window, target, has been removed from the HTML 4.01 Strict specification (it's now deprecated)
3. Opening a new window is a behaviour and should be moved to the behavioural layer1.
Using JavaScript can also be particularly useful when a website is content managed. Rather than having to rely on site editors to remember to open a link to a PDF in a new window the process is handled by a simple JavaScript function.
Continue Reading
Opening documents such as PDFs in a new window should be automated using JavaScript for the following reasons:
1. Users will often close the web browser when a PDF is opened, mistakenly believing the document has been opened in Adobe Reader
2. The attribute historically used to open a new window, target, has been removed from the HTML 4.01 Strict specification (it's now deprecated)
3. Opening a new window is a behaviour and should be moved to the behavioural layer1.
Using JavaScript can also be particularly useful when a website is content managed. Rather than having to rely on site editors to remember to open a link to a PDF in a new window the process is handled by a simple JavaScript function.
Continue Reading
How to Create Striped Tables Using JavaScript
Introduction
JavaScript can be incredibly useful when you need to automate repetitive tasks. In this article we'll implement a simple JavaScript function that will apply alternate striped rows to a table.
We'll implement this technique using unobtrusive JavaScript.
Continue Reading the Tutorial
JavaScript can be incredibly useful when you need to automate repetitive tasks. In this article we'll implement a simple JavaScript function that will apply alternate striped rows to a table.
We'll implement this technique using unobtrusive JavaScript.
Continue Reading the Tutorial
How to Create a Postgres and MySql Driver!!!!
The software that I write is not intended for just one customer who is locked into a single RDBMS. Instead it can be used by virtually any customer using the RDBMS of their choice. How is this possible? I deliberately designed and built my infrastructure around the 3 Tier Architecture which breaks down application code into three distinct areas of responsibility:
1. Presentation logic = User Interface, displaying data to the user, accepting input from the user.
2. Business logic = Business Rules, handles data validation and task-specific behaviour.
3. Data Access logic = Database Communication, constructing SQL queries and executing them via the relevant API.
It is only the Data Access layer which communicates with the database, therefore it should be possible to communicate with another database simply by changing the component which exists within this layer. I have already produced two versions of my Data Access Object for MySQL:
One for versions up to 4.0 which uses the original mysql_* functions.
Another for version 4.1 and above which uses the 'improved' mysqli_* functions.
The purpose of this article is to document my experiences while producing a DAO for a totally different RDBMS, in this case for PostgreSQL (version 8.0.3).
[source]
1. Presentation logic = User Interface, displaying data to the user, accepting input from the user.
2. Business logic = Business Rules, handles data validation and task-specific behaviour.
3. Data Access logic = Database Communication, constructing SQL queries and executing them via the relevant API.
It is only the Data Access layer which communicates with the database, therefore it should be possible to communicate with another database simply by changing the component which exists within this layer. I have already produced two versions of my Data Access Object for MySQL:
One for versions up to 4.0 which uses the original mysql_* functions.
Another for version 4.1 and above which uses the 'improved' mysqli_* functions.
The purpose of this article is to document my experiences while producing a DAO for a totally different RDBMS, in this case for PostgreSQL (version 8.0.3).
[source]
Understand, Why Stored Procedures are Evil!!!!!
A lot of developers are taught to use database stored procedures, triggers and database constraints at every possible opportunity, and they cannot understand why an old dinosaur like me should choose to take an opposite view.
The reason can be summed up quite simply:
You only know what you have been taught, whereas I know what I have learned.
I was weaned on file systems and databases which did not have any facilities for stored procedures and triggers, so I learned how to build applications without them. When such facilities became available my colleagues and I still never used them for practical reasons:
Continue Reading the tutorial
The reason can be summed up quite simply:
You only know what you have been taught, whereas I know what I have learned.
I was weaned on file systems and databases which did not have any facilities for stored procedures and triggers, so I learned how to build applications without them. When such facilities became available my colleagues and I still never used them for practical reasons:
Continue Reading the tutorial
How to Handle MySQL Data Handling Through PHP!!!!!
Most interactive websites nowadays require data to be presented dynamically and interactively based on input from the user. For example, a customer may need to log into a retail website to check his purchasing history. In this instance, the website would have stored two types of data in order for the customer to perform the check – the customer’s personal login details; and the customer’s purchased items. This data can be stored in two types of storage – flat files or databases
Flat files are only feasible in very low to low volume websites as flat files have 3 inherent weaknesses:
1. The inability to index the data. This makes it necessary to potentially read ALL the data sequentially. This is a major problem if there are a lot of records in the flat file because the time required to read the flat file is proportionate to the number of records in the flat file.
2. The inability to efficiently control access by users to the data
3. The inefficient storage of the data. In most cases, the data would not be encrypted or compressed as this would exacerbate the problem no. 1 above
Continue Reading The Tutorial
Flat files are only feasible in very low to low volume websites as flat files have 3 inherent weaknesses:
1. The inability to index the data. This makes it necessary to potentially read ALL the data sequentially. This is a major problem if there are a lot of records in the flat file because the time required to read the flat file is proportionate to the number of records in the flat file.
2. The inability to efficiently control access by users to the data
3. The inefficient storage of the data. In most cases, the data would not be encrypted or compressed as this would exacerbate the problem no. 1 above
Continue Reading The Tutorial
How to Install MySQL on Windows!!!!!
As Web sites and Web-based applications become more important to commercial firms and other organizations, so too does the methods used for storing data online, such as customer contact information, system login details, product data, and much more. Rewritable flat files may be sufficient for extremely limited data for which security is not an issue. But for most Web sites and applications, a robust database is called for.
There are several relational database management systems (RDBMSs) from which you the developer can choose, ranging from expensive systems that can prove quite difficult to administer, to free and open source alternatives that may not have as many features as the proprietary RDBMSs, but can be much faster to set up and work with. Of these, MySQL is the hands-down favorite.
Continue Reading The Tutorial
There are several relational database management systems (RDBMSs) from which you the developer can choose, ranging from expensive systems that can prove quite difficult to administer, to free and open source alternatives that may not have as many features as the proprietary RDBMSs, but can be much faster to set up and work with. Of these, MySQL is the hands-down favorite.
Continue Reading The Tutorial
How to Install PHP on Windows!!!!
A brochure-style Web site may be sufficient for a business that simply wants a basic Web presence — some static pages to inform the visitor of the company's off-line contact information. But most organizations want a Web site that can interact with the visitor, delivering custom content in dynamically-generated pages, and storing visitor information in a database. Such a Web site requires several technologies: a Web server, a database system, and a scripting language for creating the Web pages. Currently the most popular choices are Apache, MySQL, and PHP, respectively.
Your PC can be turned into a fully capable Web development environment, by installing those three technologies, and configuring them so they communicate with one another. Admittedly, you can simply install and use PHP for its command-line processing. But for creating and testing dynamically generated Web pages on your local machine, then Apache needs to be already installed and working.
Continue Reading The Tutorial
Your PC can be turned into a fully capable Web development environment, by installing those three technologies, and configuring them so they communicate with one another. Admittedly, you can simply install and use PHP for its command-line processing. But for creating and testing dynamically generated Web pages on your local machine, then Apache needs to be already installed and working.
Continue Reading The Tutorial
Ajax Design Approach
Ajax Design Approach
Creating Ajax based software and websites takes sometime in planning alone. Right from the start, you have to choose which approach or technique you have to follow to ensure the design is created on time and as expected. Here are some of the known designs:
1. The DIY Approach – when you’re planning something simple for a small business or a simple Ajax add-on to your website, this approach is perfect for you. Ajax is actually a collection of languages being put together so you can build the program yourself. If you are an expert with JavaScript, XML and HTTP, you can easily create a program yourself. The advantages if this is that you’ll have full control of your created program however, you have to think twice about this approach when you are created a very complicated program. There are tools for checking but coding alone will take some time if everything has to be coded manually.
Continue Reading
Creating Ajax based software and websites takes sometime in planning alone. Right from the start, you have to choose which approach or technique you have to follow to ensure the design is created on time and as expected. Here are some of the known designs:
1. The DIY Approach – when you’re planning something simple for a small business or a simple Ajax add-on to your website, this approach is perfect for you. Ajax is actually a collection of languages being put together so you can build the program yourself. If you are an expert with JavaScript, XML and HTTP, you can easily create a program yourself. The advantages if this is that you’ll have full control of your created program however, you have to think twice about this approach when you are created a very complicated program. There are tools for checking but coding alone will take some time if everything has to be coded manually.
Continue Reading
Things You Need to Know about Ajax
Things You Need to Know about Ajax
Whether you’re a developer a business owner or just anyone who’s interested in the development in Ajax, here are some things you need to know before you need to go forward. There are so many things that have been said and done about Ajax but if you want to start, here are some things you have to know.
1. Browser based Ajax is a lot harder than you think – I’ve see a lot of programs that are web-based and the start-ups are always the ones that are slowest. There are so many reasons why are they very slow, but they can be traced to the fact that they are doing so much about the program, the browser couldn’t easily handle it. If you’re interested in creating an Ajax based program, be prepared to take it very slow. Simple JavaScript should always be considered and give it a little bit of colorful deviation through HTML. One great sample? Google’s Gmail.
Continue Reading
Whether you’re a developer a business owner or just anyone who’s interested in the development in Ajax, here are some things you need to know before you need to go forward. There are so many things that have been said and done about Ajax but if you want to start, here are some things you have to know.
1. Browser based Ajax is a lot harder than you think – I’ve see a lot of programs that are web-based and the start-ups are always the ones that are slowest. There are so many reasons why are they very slow, but they can be traced to the fact that they are doing so much about the program, the browser couldn’t easily handle it. If you’re interested in creating an Ajax based program, be prepared to take it very slow. Simple JavaScript should always be considered and give it a little bit of colorful deviation through HTML. One great sample? Google’s Gmail.
Continue Reading
Google Gears and ADOBE AIR – Which Way to Go
Google Gears and ADOBE AIR – Which Way to Go
Google Gears and Adobe AIR are two applications that represent the next step of browsing experience. Although Google and Adobe do not really say that much about the philosophy of our online experience, we are always looking out what these applications means to our online experience. Because these two applications run on Ajax and foster RIA just like some of the best in the world, we have decided to look at them one by one and what these applications could mean to our future browsing experience.
About Google Gears
Personally, Google Gears have been helping me a lot in my browsing experience. When Google launched their set of applications, I was a bit hesitant since most of experience with these types of applications is a bit dismal. They usually come in very slow and would eat up most of my RAM, slowing my computer down almost to a halting stop. But Google Gears changed all that. It is a simple concept using Ajax to change our online experience.
Continue Reading Here
Google Gears and Adobe AIR are two applications that represent the next step of browsing experience. Although Google and Adobe do not really say that much about the philosophy of our online experience, we are always looking out what these applications means to our online experience. Because these two applications run on Ajax and foster RIA just like some of the best in the world, we have decided to look at them one by one and what these applications could mean to our future browsing experience.
About Google Gears
Personally, Google Gears have been helping me a lot in my browsing experience. When Google launched their set of applications, I was a bit hesitant since most of experience with these types of applications is a bit dismal. They usually come in very slow and would eat up most of my RAM, slowing my computer down almost to a halting stop. But Google Gears changed all that. It is a simple concept using Ajax to change our online experience.
Continue Reading Here
MooTools – A Review
MooTools – A Review
MooTools is an open source JavaScript framework that evolved from the simple function called moo.fx. The developers of moo.fx have slowly expanded this simple function into a fully functional framework. As of this writing, the framework is on its 1.2.0 version and has been enjoying a good following along with other JavaScript frameworks.
Advantages
MooTools is a lightweight framework. But do not think MooTools is another lightweight framework that would eventually stack-up. This framework is as lean as they could be. Instead of stacking up the functions and lines, MooTools divide the codes by developing functions in small code bases.
Expect to have a fully working function in 28kb or less. You can even compress it to make it even smaller. Another function that made it lean is the idea of modularity. Since functions could be laid out as modules, you will basically have an application that is lightweight. The modules built with MooTools are also lightweight in themselves and because of the modularity property of these functions; they are already optimized for performance.
Since moo.fx is originally an effects function, it is no wonder that MooTools is one of the best frameworks if you wanted to have a good looking application with all the effects on it. An Ajax based application will run faster even though there effects are bombarded in the application.
MooTools is an open source JavaScript framework that evolved from the simple function called moo.fx. The developers of moo.fx have slowly expanded this simple function into a fully functional framework. As of this writing, the framework is on its 1.2.0 version and has been enjoying a good following along with other JavaScript frameworks.
Advantages
MooTools is a lightweight framework. But do not think MooTools is another lightweight framework that would eventually stack-up. This framework is as lean as they could be. Instead of stacking up the functions and lines, MooTools divide the codes by developing functions in small code bases.
Expect to have a fully working function in 28kb or less. You can even compress it to make it even smaller. Another function that made it lean is the idea of modularity. Since functions could be laid out as modules, you will basically have an application that is lightweight. The modules built with MooTools are also lightweight in themselves and because of the modularity property of these functions; they are already optimized for performance.
Since moo.fx is originally an effects function, it is no wonder that MooTools is one of the best frameworks if you wanted to have a good looking application with all the effects on it. An Ajax based application will run faster even though there effects are bombarded in the application.
How To Update Multiple Page Elements Using The XMLHTTPRequest Object and JavaScript
How To Update Multiple Page Elements Using The XMLHTTPRequest Object and JavaScript
In the development of Ajax application many times we will encounter following issues.
1. The requiremnt to update multiple text boxes simultaneously.
2. Fill more that one dropdown list.
3. Update a combination of text boxes, dropdown lists and div tags.
4. Call different web pages and different webservices at the same time.
Imagine the case of a financial data site (such as a stock market info site) with various regions of the page used for displaying data any taking user inputs. We may want to populate fill numerous div tags, textboxes and dropdown lists with real time data. If we loop the several requests and we will also have to check for timeout, if timeout occurs and no data is returned, then we will have to fire the same request again.
It may end up that we have made 10 requests and 4-5 requests simply timeout because of network problems. If we dont loop then we will either get whole data or nothing (in which case there is only one more request to be made).
Continue Reading the Tutorial Here
In the development of Ajax application many times we will encounter following issues.
1. The requiremnt to update multiple text boxes simultaneously.
2. Fill more that one dropdown list.
3. Update a combination of text boxes, dropdown lists and div tags.
4. Call different web pages and different webservices at the same time.
Imagine the case of a financial data site (such as a stock market info site) with various regions of the page used for displaying data any taking user inputs. We may want to populate fill numerous div tags, textboxes and dropdown lists with real time data. If we loop the several requests and we will also have to check for timeout, if timeout occurs and no data is returned, then we will have to fire the same request again.
It may end up that we have made 10 requests and 4-5 requests simply timeout because of network problems. If we dont loop then we will either get whole data or nothing (in which case there is only one more request to be made).
Continue Reading the Tutorial Here
Everything you need to know about SAJAX!!!!
Everything you need to know about SAJAX!!!!
Since Ajax has become the focus of today’s web and application development. A lot of tools have been developed to cater to this programming technique. Although it has been dubbed to be a very challenging technique to master, it all goes down to three languages to build an efficient Ajax website: JavaScript, HTML and XML.
Some have preferred to use JSON instead of XML but an efficient mark-up language is all that Ajax needs to perform well. The efficiency it brings is almost second to none and the interface an Ajax application could do is beyond par.
If you are a developer who already has an advanced idea on JavaScript, building an Ajax based application could be very easy. But it does spell trouble when a developer who is proficient in other languages. Other frameworks and functions based on other languages will never be used in an Ajax based application as it is.
Technically, it could be integrated in any Ajax based website but the website or the application will not look good. An ideal Ajax based application could refresh parts of the webpage – and only those that have been changed will be activated. Other languages could be integrated but they will just look bad in the website.
Continue Reading The Tutorial Here
Since Ajax has become the focus of today’s web and application development. A lot of tools have been developed to cater to this programming technique. Although it has been dubbed to be a very challenging technique to master, it all goes down to three languages to build an efficient Ajax website: JavaScript, HTML and XML.
Some have preferred to use JSON instead of XML but an efficient mark-up language is all that Ajax needs to perform well. The efficiency it brings is almost second to none and the interface an Ajax application could do is beyond par.
If you are a developer who already has an advanced idea on JavaScript, building an Ajax based application could be very easy. But it does spell trouble when a developer who is proficient in other languages. Other frameworks and functions based on other languages will never be used in an Ajax based application as it is.
Technically, it could be integrated in any Ajax based website but the website or the application will not look good. An ideal Ajax based application could refresh parts of the webpage – and only those that have been changed will be activated. Other languages could be integrated but they will just look bad in the website.
Continue Reading The Tutorial Here
Where Ajax will Fail???
Ajax is still going strong and the hype will never go down unless a new and a better technique is coming up. So far, what we have seen are variation of Ajax – FJAX, AHAX and SAJAX. Although they are innovation by themselves, we cannot help but thinking that these innovations happened because of Ajax. We just have to wait a little bit for the next big thing.
For now we have to work a little bit better for Ajax’s development. In this state, the developers still has a lot of things to understand to build a highly efficient Ajax based website. There are so many pitfalls in Ajax and one flaw will mean an unsecured website open for all hackers to exploit.
Here are some of the things that could be left out which will endanger your website:
Continue Reading The Tutorial
For now we have to work a little bit better for Ajax’s development. In this state, the developers still has a lot of things to understand to build a highly efficient Ajax based website. There are so many pitfalls in Ajax and one flaw will mean an unsecured website open for all hackers to exploit.
Here are some of the things that could be left out which will endanger your website:
Continue Reading The Tutorial
Build Powerful Web Applications using Prototype.js
Build Powerful Web Applications using Prototype.js
Planning to develop an efficient Ajax based application is easier with Prototype.js. This framework was developed specifically to simplify almost any Ajax based function. It is MIT licensed framework could easily be integrated to other frameworks.
To start using the framework it has to be referenced first in your webpage. The following code is used to activate prototype.js. Usually this is referenced in an HTML webpage:
<script type="text/javascript" src="prototype.js"></script>
It is fast becoming the preferred library by different developers. With prototype.js, almost every function could be used with three main objects only. So it does not need a lot of training and familiarity to get along with this simple yet highly efficient framework. The three objects in proptype.js are Ajax.Updater, Ajax.Request and Ajax.Responders.
Continue Reading the Tutorial
Planning to develop an efficient Ajax based application is easier with Prototype.js. This framework was developed specifically to simplify almost any Ajax based function. It is MIT licensed framework could easily be integrated to other frameworks.
To start using the framework it has to be referenced first in your webpage. The following code is used to activate prototype.js. Usually this is referenced in an HTML webpage:
<script type="text/javascript" src="prototype.js"></script>
It is fast becoming the preferred library by different developers. With prototype.js, almost every function could be used with three main objects only. So it does not need a lot of training and familiarity to get along with this simple yet highly efficient framework. The three objects in proptype.js are Ajax.Updater, Ajax.Request and Ajax.Responders.
Continue Reading the Tutorial
How To Build Efficient Widget Container Using Ajax
Building Efficient Widget Container Using Ajax
PageFlakes.com has some of the most amazing feature that you cannot find in most websites: a widget container. Any HTML code that you have could be easily loaded through the container provided by Pageflakes.com. Although there are already tons of widgets in their website, you can easily create one of your own.
For example, the embed code in YouTube.com could easily be applied in the codes that you have. Codes that could be integrated in MySpace.com such as simple casual games could also be applied in the widget container. As a developer, you can also offer a widget container in your website so that users could upload an application through an embedded code from a different website.
A widget container is placed inside an update panel. The widget container has two basic parts: the body and the header. The header in the widget is the consistent component while the body is the actual container of the application.
The header serves as the update panel controller with server while the body serves as the ground where the application will be implemented.
To build an efficient container, the three components that you need to consider is the header, updatepanel and the body. Others follow through the coding of the widget.
Unfortunately, an Ajax based widget is not a perfect code as it is. When you consider the header, updatepanel and body alone, the first problem you will experience is the extender. These are the HTML elements found inside the code that determines the physical size of the application uploaded in the container.
The updatepanel refreshes the header and the body but it removes the HTML documents in the body. What then happens is the application is resized and could not fit in the widget container. A trick has to be done so that the extender will be retained to keep the size and behavior of the application.
Continue Reading the Tutorial Here
PageFlakes.com has some of the most amazing feature that you cannot find in most websites: a widget container. Any HTML code that you have could be easily loaded through the container provided by Pageflakes.com. Although there are already tons of widgets in their website, you can easily create one of your own.
For example, the embed code in YouTube.com could easily be applied in the codes that you have. Codes that could be integrated in MySpace.com such as simple casual games could also be applied in the widget container. As a developer, you can also offer a widget container in your website so that users could upload an application through an embedded code from a different website.
A widget container is placed inside an update panel. The widget container has two basic parts: the body and the header. The header in the widget is the consistent component while the body is the actual container of the application.
The header serves as the update panel controller with server while the body serves as the ground where the application will be implemented.
To build an efficient container, the three components that you need to consider is the header, updatepanel and the body. Others follow through the coding of the widget.
Unfortunately, an Ajax based widget is not a perfect code as it is. When you consider the header, updatepanel and body alone, the first problem you will experience is the extender. These are the HTML elements found inside the code that determines the physical size of the application uploaded in the container.
The updatepanel refreshes the header and the body but it removes the HTML documents in the body. What then happens is the application is resized and could not fit in the widget container. A trick has to be done so that the extender will be retained to keep the size and behavior of the application.
Continue Reading the Tutorial Here
Ingrid jQuery based Rich & Advanced Datagrid !!!!
Ingrid jQuery based Rich & Advanced Datagrid !!!!
Datagrids don't have to be difficult to use anymore - say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
Datagrids don't have to be difficult to use anymore - say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
If you thought Datagrids can be a messy part of your application? Here comes Ingrid for your rescue.
I suggest one should use it since, it is free and above all based on lovely JQuery and comes handy for any web start-ups.
Read more and download the source from the below link.
fValidator - AJAX Validation Script
fValidator - AJAX Validation Script
fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.
fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation.
if you are considering building forms and want to make them robust, then I must tell you. You should use fValidator.
Read more and download the source from the below link.http://zendold.lojcomm.com.br/fvalidator/
Prototype Based Facebook like Textboxlist!!!!
If you need a Facebook like TextboxList with AutoComplete feature, then here's what you are going to need. The solution is implemented using the Prototype javascript library.
This is indeed a very graceful tutorial which will help us understand how to make UI more elegant and powerful.
In this tutorial one can easily find the ways to make RICH ui with the help of Prototype library.
Check this tutorial out and drop in your comments.
Read more and download the source from the below link.
Tutorial on How to learn Javascript Animation using JQuery???
Tutorial on How to learn Javascript Animation using JQuery???
Here's a JQuery based implementation that gives us that effortless page flick feeling using Javascript
Want to know more and download the source follow the link below.http://www.sitepoint.com/blogs/2007/07/20/javascript-sprite-animation-using-jquery/
Best Open Source Photo Gallery Using Mootools!!!!
Best Open Source Photo Gallery Using Mootools!!!!
(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP.
(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP.
If you want to read more and download the source follow the link below.http://www.e2interactive.com/e2_photo_gallery/
Free Charts and Graphs using XML SWF Charts
Free Charts and Graphs using XML SWF Charts
Here's another cool web chart making tool.It uses SWF to produces the graphs with the data sourced from XML files.
For more details and information, please visit
Mocha - Mootools UI Library Introduction!!!!
Mocha - Mootools UI Library Introduction!!!!
Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.
Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.
Read more and download the source from the below link.http://greghoustondesign.com/demos/mocha/
How to Debug Ajax applications using Firebug?
In this tutorial we shall see how to debug Ajax applications using Firebug.
Firebug is a firefox extension that allows you to easily find and fix javascript issues with ajax applications.
Check out this video and it will surely help you master the art of Debugging Ajax applications using Firebug.
Firebug is a firefox extension that allows you to easily find and fix javascript issues with ajax applications.
Check out this video and it will surely help you master the art of Debugging Ajax applications using Firebug.
Get Started with Ajax and jQuery Tutorials For Begineers!!!!!
Get Started with Ajax and jQuery Tutorials For Begineers!!!!!
In this video tutorial, we shall see how to quickly get started with JQuery library and Ajax.
If you are new to this dont worry or panic, coz this would lead to a step-by-step guide as well.
Check out this video and Drop in your comments.
In this video tutorial, we shall see how to quickly get started with JQuery library and Ajax.
If you are new to this dont worry or panic, coz this would lead to a step-by-step guide as well.
Check out this video and Drop in your comments.
About CodeIgniter: A Powerful PHP Framework
CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.
Its on the likes of CakePHP and other PHP based frameworks which work on MVC concepts.
Details of the Project:
Name: CodeIgniter
URL: http://codeigniter.com/
License: Free
Go check out the library.
Its on the likes of CakePHP and other PHP based frameworks which work on MVC concepts.
Details of the Project:
Name: CodeIgniter
URL: http://codeigniter.com/
License: Free
Go check out the library.
Simple Layout Manager with Prototype 1.6
Here's a simple layout manager for web applications built using the Prototype javascript library.Read more and download the source from the below link.
http://blog.xilinus.com/2007/10/3/simple-layout-manager-with-prototype-1-6
If you find it useful, drop in comments.
Tutorials for Begineers on Mootools and Ajax!!!!!
This video is part of a tutorial series that teaches how to use mootools javascript and AJAX to increase user experience.
Please drop in your comments, about this video.
Please drop in your comments, about this video.
Tutorial Learn How to Make Ajax based CHat in 5 Minutes??
This is a small video tutorial from ideAjax.com on how to build an Ajax chat with Prototype, Java, and HTML. High res video is available here:
I hope you find this tutorial useful and helpful. Please drop in your comments about this video.
I hope you find this tutorial useful and helpful. Please drop in your comments about this video.
About Mootools
mootools is a very compact, modular, Object-Oriented javascript framework. Its unique design makes it extremely crossbrowser, easy to use, and a snap to extend with your own code.
It comes with a choice of more than fifteen scripts, plugins and add-ons, including Effects, based on (moo.fx) Ajax, based on (moo.ajax), Dom Navigator, based on (moo.dom), Drag and Drop, Sortable lists, cookies Manager and many more.
Details of the Project:
Name: Mootools
URL: http://mootools.net
License: Free
For more details about the project please visit the URL.
It comes with a choice of more than fifteen scripts, plugins and add-ons, including Effects, based on (moo.fx) Ajax, based on (moo.ajax), Dom Navigator, based on (moo.dom), Drag and Drop, Sortable lists, cookies Manager and many more.
Details of the Project:
Name: Mootools
URL: http://mootools.net
License: Free
For more details about the project please visit the URL.
Video Tutorial Teaching How to use Mootools for UI Designing
This video tutorial teaches how to use mootools javascript and AJAX to increase user experience.
Check it out and drop in your comments.
Check it out and drop in your comments.
Tutorial on How to Make Horizontal Scroll Effects????
Look at the Final Output with some other Mootools Goodies at my website.
Assuming our html file is index.html and we have two folders names ‘js’ and ‘css’ to keep javascript and css files respectively. Download mootools.js and save in js/ folder.
Step 1: Write HTML File ( I tookoff DOCTYPE and other header stuff to make it simple)
Check Out the Demo First
Continue Reading the Tutorial
Assuming our html file is index.html and we have two folders names ‘js’ and ‘css’ to keep javascript and css files respectively. Download mootools.js and save in js/ folder.
Step 1: Write HTML File ( I tookoff DOCTYPE and other header stuff to make it simple)
Check Out the Demo First
Continue Reading the Tutorial
What is Google Gears? Introduction From Google Engineer
This is a must to check out video for learning what is Google Gears which talks about the Ajax and advanced Ajax.
How to make life simpler using Ajax.
Check out this video.
How to make life simpler using Ajax.
Check out this video.
Autocomplete Tutorial using Dojo Toolkit
Unlike Yahoo, Google only shows the number of results and does not show similar or related keywords—called "concepts." Yahoo also shows text queries where the keyword is in the middle or the end. For example, a search for "java" also suggests "free java download."
To implement this widget on your site, you can write all the logic from scratch or use one of the available AJAX widgets. I will look at widgets from Dojo, Scriptaculous, and Yahoo User Interface (YUI) libraries. They are all conceptually similar. They all send a asynchronous request to the server as soon as the user starts to type. As the response is received, they open a dialog on the client side, and populate it with suggestions from the server. Because this technology is server-side agnostic, you can use any application server on the back end.
Implementation in Dojo
To add a Dojo auto-complete combo box, you need to import main Dojo libraries (either on the page or in the main header if it is reused throughout the site).
Continue Reading The Tutorial
To implement this widget on your site, you can write all the logic from scratch or use one of the available AJAX widgets. I will look at widgets from Dojo, Scriptaculous, and Yahoo User Interface (YUI) libraries. They are all conceptually similar. They all send a asynchronous request to the server as soon as the user starts to type. As the response is received, they open a dialog on the client side, and populate it with suggestions from the server. Because this technology is server-side agnostic, you can use any application server on the back end.
Implementation in Dojo
To add a Dojo auto-complete combo box, you need to import main Dojo libraries (either on the page or in the main header if it is reused throughout the site).
Continue Reading The Tutorial
MySQL Database Backup and Recovery Tips!!!!
Tip #1
Making Backups by Copying Files
Tip #2
To make an SQL-level backup of a table's contents, you can use SELECT * INTO OUTFILE 'file_name' FROM tbl_name. The file is created on the MySQL server host, not the client host. For this statement, the output file cannot already exist because allowing files to be overwritten would constitute a security risk
Tip #3
Another technique for backing up a database is to use the mysqldump program or the mysqlhotcopy script. mysqldump is more general because it can back up all kinds of files. mysqlhotcopy works only with some storage engines.
Tip #4
Backing Up Replication Slaves
These are some of the simple ways how we can take backup from MySQL database.
Continue Reading the Tutorial Here
Making Backups by Copying Files
Tip #2
To make an SQL-level backup of a table's contents, you can use SELECT * INTO OUTFILE 'file_name' FROM tbl_name. The file is created on the MySQL server host, not the client host. For this statement, the output file cannot already exist because allowing files to be overwritten would constitute a security risk
Tip #3
Another technique for backing up a database is to use the mysqldump program or the mysqlhotcopy script. mysqldump is more general because it can back up all kinds of files. mysqlhotcopy works only with some storage engines.
Tip #4
Backing Up Replication Slaves
These are some of the simple ways how we can take backup from MySQL database.
Continue Reading the Tutorial Here
PHP Forms tutorials for Begineers!!!
It is time to apply the knowledge you have obtained thus far and put it to real use. A very common application of PHP is to have an HTML form gather information from a website's visitor and then use PHP to do process that information. In this lesson we will simulate a small business's website that is implementing a very simple order form.
Imagine we are an art supply store that sells brushes, paint, and erasers. To gather order information from our prospective customers we will have to make a page with an HTML form to gather the customer's order.
Note: This is an oversimplified example to educate you how to use PHP to process HTML form information. This example is not intended nor advised to be used on a real business website.
If you need a refresher on how to properly make an HTML form, check out the HTML Form Lesson before continuing on.
We first create an HTML form that will let our customer choose what they would like to purchase. This file should be saved as "order.html"
Continue Reading the Tutorial Here
Imagine we are an art supply store that sells brushes, paint, and erasers. To gather order information from our prospective customers we will have to make a page with an HTML form to gather the customer's order.
Note: This is an oversimplified example to educate you how to use PHP to process HTML form information. This example is not intended nor advised to be used on a real business website.
If you need a refresher on how to properly make an HTML form, check out the HTML Form Lesson before continuing on.
We first create an HTML form that will let our customer choose what they would like to purchase. This file should be saved as "order.html"
Continue Reading the Tutorial Here
PHP Sessions Tutorial for Begineers!!!
As a website becomes more sophisticated, so must the code that backs it. When you get to a stage where your website need to pass along user data from one page to another, it might be time to start thinking about using PHP sessions.
A normal HTML website will not pass data from one page to another. In other words, all information is forgotten when a new page is loaded. This makes it quite a problem for tasks like a shopping cart, which requires data(the user's selected product) to be remembered from one page to the next
A PHP session solves this problem by allowing you to store user information on the server for later use (i.e. username, shopping cart items, etc). However, this session information is temporary and is usually deleted very quickly after the user has left the website that uses sessions.
It is important to ponder if the sessions' temporary storage is applicable to your website. If you require a more permanent storage you will need to find another solution, like a MySQL database.
Sessions work by creating a unique identification(UID) number for each visitor and storing variables based on this ID. This helps to prevent two users' data from getting confused with one another when visiting the same webpage.
Note:If you are not experienced with session programming it is not recommended that you use sessions on a website that requires high-security, as there are security holes that take some advanced techniques to plug.
Read the complete tutorial Here
A normal HTML website will not pass data from one page to another. In other words, all information is forgotten when a new page is loaded. This makes it quite a problem for tasks like a shopping cart, which requires data(the user's selected product) to be remembered from one page to the next
A PHP session solves this problem by allowing you to store user information on the server for later use (i.e. username, shopping cart items, etc). However, this session information is temporary and is usually deleted very quickly after the user has left the website that uses sessions.
It is important to ponder if the sessions' temporary storage is applicable to your website. If you require a more permanent storage you will need to find another solution, like a MySQL database.
Sessions work by creating a unique identification(UID) number for each visitor and storing variables based on this ID. This helps to prevent two users' data from getting confused with one another when visiting the same webpage.
Note:If you are not experienced with session programming it is not recommended that you use sessions on a website that requires high-security, as there are security holes that take some advanced techniques to plug.
Read the complete tutorial Here
How to create your own Effects using Scriptaculous!!!!
The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We’re going to show you how to take basic effects and build on them to create your own. So let’s get going.
First, download and include Prototype and script.aculo.us on your page as described in the installation instructions.
You’re ready to use the visual effects engine now! Give this short line a try:
<div onclick="Effect.Fade(this)">Fade me already!</div>To tweak the effect, try something like this:
<div onclick="Effect.Fade(this,{duration:3})">Fade me slower!</div>
Read the complete tutorial here on Think Vitamin
First, download and include Prototype and script.aculo.us on your page as described in the installation instructions.
You’re ready to use the visual effects engine now! Give this short line a try:
<div onclick="Effect.Fade(this)">Fade me already!</div>To tweak the effect, try something like this:
<div onclick="Effect.Fade(this,{duration:3})">Fade me slower!</div>
Read the complete tutorial here on Think Vitamin
Scriptaculous Effects Tutorial for Begineers!!!!
Thanks once again for inspiration to Brian Eng of Softies on Rails, here's my latest tutorial. Brian mentioned how easy it would be to add script.aculo.us effects to my little delicious app. And he was totally correct. What are script.aculo.us effects, you ask? Go check out this page.
Click on each of the little demo boxes and watch the magic. Now say, "Holy crap! That's cool!" Then come back and I'll tell you how to add any of that to your Ruby on Rails app.Here we go. script.aculo.us depends on the prototype javascript library which comes with the latest version of Rails. So, we just need to get script.aculo.us into our app.
First download and unzip the latest script.aculo.us code. Open the src folder and grab the files which do not exist in your rails app's public/javascripts directory. Copy these files over to this directory. Add this line between the 'head' tags in your layout.rhtml file:
Now you have the power of script.aculo.us in your rails app! NOTE: I just saw on the script.aculo.us home page that it is supposed to be bundled with RoR. I didn't notice in my directory, but this step may not be necessary for you.
Remember in my last tutorial when I added in the spinner effect, I used the :loading and :completed callbacks? Like this:
Read the complete tutorial Here
Click on each of the little demo boxes and watch the magic. Now say, "Holy crap! That's cool!" Then come back and I'll tell you how to add any of that to your Ruby on Rails app.Here we go. script.aculo.us depends on the prototype javascript library which comes with the latest version of Rails. So, we just need to get script.aculo.us into our app.
First download and unzip the latest script.aculo.us code. Open the src folder and grab the files which do not exist in your rails app's public/javascripts directory. Copy these files over to this directory. Add this line between the 'head' tags in your layout.rhtml file:
Now you have the power of script.aculo.us in your rails app! NOTE: I just saw on the script.aculo.us home page that it is supposed to be bundled with RoR. I didn't notice in my directory, but this step may not be necessary for you.
Remember in my last tutorial when I added in the spinner effect, I used the :loading and :completed callbacks? Like this:
Read the complete tutorial Here
Subscribe to:
Posts (Atom)