Eye Tea

2012-01-25T12:42:00.001+04:00

Google has added a new feature to Google Maps: Area border!

Obviously, a city is really wider than a point on a map.

Iran air Boeing 727 lands with stuck nose gear

2011-10-25T06:25:00.002+04:00

I am not alone anymore!

2011-10-22T17:46:00.000+04:00

A new developer joined the MyPasswords project. He has already added some cool features to the project that you will see in the new version.
Dan is a brilliant programmer and we can prove that MyPasswords is the best password manager for Linux and also other OSs.

Stupidity has no limits

2011-10-10T10:28:00.001+04:00

On the server's file system!

Let's go back to ...

2011-09-01T21:19:00.000+04:00

I will go to KL, Malaysia next week.
Study will start again!

Google Closure Book

2011-07-24T13:25:00.002+04:00

Closure: The Definitive Guide

Tools for adding power to your JavaScript

Download this book here.

Access Content of Request in C# (ASP .NET)

2011-07-23T16:38:00.006+04:00

You can access the content of the HTTP Request like this:

byte[] bytes = Request.BinaryRead(Request.ContentLength);

If the content-type of the request is text/xml you can do this:

byte[] bytes = Request.BinaryRead(Request.ContentLength);
System.Text.Encoding enc = System.Text.Encoding.UTF8;
string XmlData = enc.GetString(bytes);

rdesktop Remote Desktop from Linux To Windows

2011-07-11T23:43:00.002+04:00

Have you ever tried connecting from a Linux machine to a Windows server using rdesktop?
If you get the error:

ERROR: recv: Connection reset by peer

Solution:
Go to the Windows machine's Configure Remote Desktop and choose:

Allow Connections from computers running any version of Remote Desktop

use -f switch for full screen mode. You can press CTRL + ALT + ENTER to exit from full screen.

Research Proposal

2011-05-28T04:01:00.002+04:00

I've just finished writing my research proposal for UPM university. It's 4:30 AM.

Love Lock is so close!

2011-05-19T02:43:00.000+04:00

Save (write) JPEG Images Without DPI Change in Java

2011-04-25T14:39:00.006+04:00

If you try to write a BufferedImage on disk using ImageIO.write you will see that the result image will have a DPI of 96 regardless of the source image's DPI!
In order to keep the source DPI or set your own DPI you need to write your image using JPEGImageEncoder class.

      File inputFile = new File("source.jpg");
      File outputFile = new File("new.jpg");
      // create input buffered image
      BufferedImage image = ImageIO.read(inputFile);

      // create jpegEncode for output image
      JPEGImageEncoder jpegEncoder = JPEGCodec.createJPEGEncoder(new FileOutputStream(outputFile));

      // create jpeg encoder from getting defaul value from input buffered
      // image
      JPEGEncodeParam jpegEncodeParam = jpegEncoder.getDefaultJPEGEncodeParam(image);
      // setting up density unit paramter
      jpegEncodeParam.setDensityUnit(JPEGEncodeParam.DENSITY_UNIT_DOTS_INCH);
      // setting up jpeg encode parameter
      jpegEncoder.setJPEGEncodeParam(jpegEncodeParam);
      // set quality parameter
      jpegEncodeParam.setQuality(0.75f, false);
      // set X-resolution
      jpegEncodeParam.setXDensity(X_DPI);
      // set Y-resolution
      jpegEncodeParam.setYDensity(Y_DPI);
      // encode output image
      jpegEncoder.encode(image, jpegEncodeParam);
      // flush the buffer image
      image.flush();

NetBeans 7.0 Released!

2011-04-22T15:05:00.000+04:00

The final version of NetBeans 7.0 release on (22 April 2011). But still no JavaFX support!
Download NetBeans 7.0

Father of Java Joined Google

2011-04-12T11:11:00.000+04:00

At the end of March James Gosling joined Google.

NetBeans 7.0 RC2 Released

2011-04-11T22:13:00.001+04:00

NetBeans 7.0 RC2 released. But it still doesn't support JavaFX.
Download it here!

NetBeans 7.0 Released

2011-04-05T13:55:00.000+04:00

Finally the NetBeans 7.0 RC1 released.
Download

Nowrooz of 1390

2011-03-31T16:42:00.000+04:00

Change Look & feel of MyPasswords to Nimbus

2011-02-22T20:17:00.003+04:00

If you prefer the Java's new default look and feel, you can change your MyPasswords look and feel from system look and feel to Nimbus.

Go to your installation directory (if you use installer version) or go to the directory in which you have extracted the archive file of portable version of MyPasswords
Open the file settings.properties in Notepad or Gedit.
Change systemLookAndFeel=true to systemLookAndFeel=false

Done.

MyPasswords 1.0 defeats KeePassX

2011-02-18T13:23:00.001+04:00

I can't believe but I heard about an article in LinuxFormat yesterday which reviewed 8 password manager software for Linux. MyPasswords is the 7th candidate and the final winner following by KeePassX.

I'm really exited and try to make it even better in the future.

TurtoiseSVN on Linux

2011-02-13T15:46:00.001+04:00

Today, I was looking for the best alternative for TurtoiseSVN on Linux. I went through many pieces of software including RapidSVN which I found that users are disappointed with it and it hasn't reached to the version 1.0 either.
Finally I found RabbitVCS. According to the reviews on the net and users' recommendations it is the best alternative for TurtoiseSVN on Linux.
By the way, VisualSVN is a nice and easy to install SVN server.

MyPasswords 2.3

2011-02-13T15:36:00.002+04:00

The version 2.3 of MyPasswords released.

New features:

file encryptor
more secure database encryption
brows window

What is the most accurate calendar in use? What is the world's oldest country?

2010-09-19T13:36:00.004+04:00

What is the most accurate calendar in use?
Where is the hottest surface temperature ever recorded?
Which country is the largest importer of wheat?
Which country has the highest rate of brain drain in the world?
What is the world's oldest country?
Where is the host to the world's largest population of foreign refugees?
Which country has the fastest growth rate in science and technology?

The Answer

Iran

Installing any Linux Distribution on a Pen-drive (Flash Memory)

2010-08-23T15:02:00.002+04:00

There are lots of articles about how to install a specific distribution of Linux on a pendrive. Some distributions has their own options in the installation wizard to do so. But there are still some barriers in different versions. Hence to install any version of any distribution I suggest you to use Universal USB Installer, or Linux Live USB Creator. I prefer Linux Live USB Creator, since it checks the ISO file and give you a better report about it.

Ajax Activity Indicator without GIF Animations

2010-07-16T14:05:00.012+04:00

Do you need a non-image Ajax activity indicator?
Try ActivityIndicator class of Ajax Islands framework. Take a look at this tutorial.

function functionOne() vs functionTwo = function()

2010-07-15T16:20:00.002+04:00

Do you know the difference between these two syntax in Javascript:

function functionOne() {

  //function body

}

functionTwo = function() {

  // function body 

}

var funcionTwo = function() {
  // function body  

}

Just check this thread. :)

ASTRO File Manager

2010-07-02T09:35:00.002+04:00

Download ASTRO File manager for Android here:
Download ASTRO File Manager 2.2.4

jQuery In Action 2010

2010-06-22T22:13:00.001+04:00

Do you need this fantastic book?
Download both editions (2008, 2010) here.

Google Transliteration (Persian)

2010-05-10T10:20:00.001+04:00

Thanks Google :)
Last week Google has released Persian version of its Transliteration in Gmail.

They have also released their IME client in Persian too.

But still we can not download it from Iran. :(

Android Google Tasks

2010-04-30T10:29:00.003+04:00

Can't you find tasks in Android Calendar application?
Just go to http://gmail.com/tasks through the browser. Very clean layout!
You can add it to your android desktop by bookmarking it.

MyPasswords Video Tutorial

2010-03-15T10:37:00.002+04:00

MyPasswords Video Tutorial done by Softoxi.com.

MyPasswords on soft82.com

2010-03-11T15:37:00.003+04:00

MyPasswords has been tested by soft82.com team against viruses, spyware, adware, trojan, backdoors and was found to be 100% clean. Our editors will recheck this software periodically to assure that it remains clean.

Old days

2010-03-01T09:55:00.001+04:00

“640K ought to be enough for anybody.” – Bill Gates, 1981

------------------------------------------------------------

Inactivity Detector

2010-02-28T19:31:00.004+04:00

MyPassqwords 0.9 released.

New feature: User inactivity detector
If the user doesn't perform any database interaction for a while, (5 minutes) the screen will lock and he/she needs to re-enter the password.

Password Analyser

2010-02-24T14:28:00.003+04:00

MyPasswords 0.8 released.

New feature is password strength checker.

Password Generator

2010-02-22T11:07:00.000+04:00

MyPasswords 0.7 released.
The new feature is automatic password generator.

AES Encryption Added to MyPasswords 0.61

2010-02-20T14:02:00.003+04:00

MyPasswords new features:

AES Encryption
XML export/import
Log file

MyPasswords

2010-02-13T01:53:00.000+04:00

An open source password manager for Linux, Windows and Mac OS.
It uses derby as database.

Download: https://sourceforge.net/projects/mypasswords7/

Core Servlets and JavaServer Pages 2nd Edition

2010-01-30T14:38:00.003+04:00

You can download the book in PDF here:
http://rapidshare.com/files/343323797/Core_Servlet_2nd_Edition.zip.html

Windows Vista Source Code

2010-01-20T14:03:00.002+04:00

Upload any file

2010-01-16T11:05:00.000+04:00

From now on, you can upload any file in any format to your Google Docs account, including audio and video.
They stay in their original format and you can share them as documents.

NetBeans IDE 6.8

2009-12-18T14:54:00.002+04:00

I've just installed NetBeans 6.8.
I went through Feature Highlights and as a Java programmer I guess I will like it. As a PHP 5 programmer, I must say I will defiantly like it since it supports PHP 5.3 new features. :)

Google Wave Invitation

2009-11-23T12:38:00.003+04:00

Who wants Google Wave invitation?

Leave me your email address in your comment please.

Right To Left in Google Wave

2009-11-16T10:43:00.000+04:00

In order to change the text directionality in the Google Wave, use CTRL + 8 and CTRL + 7 key combinations.

Google Wave bot extensions are written in Java and Python

2009-11-10T19:08:00.001+04:00

I'm supposed to wait to receive the sandbox!

Online Persian Calligraphy

2009-10-21T10:07:00.004+04:00

Computer-based Calligraphy has been one of the most challenging and important topics for Persian software engineers to develop as well as Persian graphists to use.
There are several successful and software in the market for Calligraphy such as Chalipa, Zarnegar and...

Recently I found a new service in the web for Online Calligraphy! This is amazing since it is free and the result is acceptable, but not ideal.
You can see a sample page I've created using this service.

Google Transliterate

2009-10-17T15:16:00.004+04:00

Have you ever wanted to update your blog while you are on a trip? When you are in an internet cafe, and there is no Persian (or your non-English language) keyboard layout installed on the machine?

No worries!!! From now on you can write in your own language using English scripts and Google converts it for you!

Google Transliterate is a new service, invented for such situations!

You can find the Persian version here.

Right To Left Editing in Gmail

2009-10-14T08:49:00.003+04:00

Finally, Gmail team added the feature of changing text direction to the Other languages! :)

Google Helps IE Again

2009-09-23T10:51:00.003+04:00

Chrome Now Runs Inside Internet Explorer

Google just announced the launch of Chrome Frame, a new open-source project that will allow Chrome's rendering engine to run within Microsoft's Internet Explorer 6,7, and 8. This plugin, which is available now, will give developers the option to ask users if they would prefer to switch to the Chrome rendering and JavaScript engine. Users simply continue to use Internet Explorer and the switch will be completely seamless, with no noticeable changes to the user interface.

Microsoft Goof in microsoft.com

2009-08-15T20:33:00.003+04:00

No comment: http://www.microsoft.com/sqlserver/2005/en/us/trial-software.aspx

Democracy

2009-08-07T12:33:00.003+04:00

Know Iran better (behtar)!

2009-08-04T10:49:00.006+04:00

If you want to learn more information about Iran, download this presentation.

IRAN 2009 :'(

2009-08-03T08:41:00.021+04:00

Java Rockstars (2009)

2009-07-31T11:21:00.000+04:00

Meet the Java Rockstars here.

What OS is used by Google currently?

2009-07-21T10:37:00.007+04:00

I love Google and naturally I like to know more about it. I was wondering what OS they use on their machines? Or on their servers?

I surfed the net but I could not find an official statement! :(
It is said that they use a customized version of Debian Linux. Cool! We, as lovers, have many things in common! ;)

Check the links and share your idea please:

I have always loved Google

2009-07-13T21:59:00.006+04:00

...Google Chrome OS will run on both x86 as well as ARM chips and we are working with multiple OEMs to bring a number of netbooks to market next year. The software architecture is simple — Google Chrome running within a new windowing system on top of a Linux kernel. For application developers, the web is the platform. All web-based applications will automatically work and new applications can be written using your favorite web technologies. And of course, these apps will run not only on Google Chrome OS, but on any standards-based browser on Windows, Mac and Linux thereby giving developers the largest user base of any platform...

Google is removing the conflict between developing Desktop apps and developing Lovely web apps.

Persian Calendar

2009-07-05T11:55:00.002+04:00

Recently, I've launched the beta version of www.persian-calendar.com. I'm still working on it and you will see a new feature every week. Please check it out and let me know about your ideas.

Google Goof in Picasa for Linux

2009-05-22T18:08:00.009+04:00

I use Picasa 3 for linux on my Ubuntu. I pressed the Movie button moments ago and Picasa showed me a dialogue box which contains this message: "This feature is not supported for Windows 2000"!

My Little Hamsters

2009-05-20T20:43:00.003+04:00

Ubuntu Pocket Guide

2009-05-20T10:07:00.002+04:00

You can download the official Ubuntu Pocket Guide here.

AjaxContent Updated

2009-05-14T20:40:00.005+04:00

AjaxContent class, second island of Ajax Islands project, updated!
Please check it out and take a look at new feature, loaderContainer.

I'm waiting to receive your feedback.

Jaunty Jackalope

2009-05-02T10:29:00.012+04:00

In the past weekend I got noticed that Ubuntu version 9.04, Jaunty Jackalope, released! I was too inpatient to wait to receive a copy of 9.04 alternate ISO from my friend! So I decided to get ready to upgrade my 8.10 Ubuntu using update-manager -d command.
I started at night and it finished next day at noon.
I've used my new OS for 2 days and I have no problem except an small issue about which I've asked here.
The default theme and login windows has been changed, and many features have been added.

I guess I like it!

First Day in Khorasan Newspaper

2009-04-13T16:55:00.006+04:00

Today was my first workday in Khorasan Newspaper, IT department.
Although I'm still waiting to receive admission from some universities in Sweden, but I decided to accept this vacancy and join Khorasan News.
They had prepared a workstation for me and I was supposed to install some extra software on it, but the computer has some performance problems and all the day me and my colleague, Mr. Khalili, were busy with replacing the machine with another brand new machine and installing applications on it.
Mr. Seyyed Nasser Beheshti - the IT department manager - joined us for lunch.

I guess I will learn many things in that institute and I hope to be a fruitful engineer over there.

Will Khatami Come Back?

2009-02-08T10:31:00.000+04:00

Israel Uses White Phosphorus

2009-01-11T22:59:00.002+04:00

Is MS Windows Accurate?

2009-01-06T19:19:00.004+04:00

I'm reading the book Killer Game Programming in Java. The part which is explaining FPS and the issues in different operating systems is so amazing for me:

In Windows 95 and 98, the resolution is 55 ms, which means that repeated calls to currentTimeMillis( ) will only return different values roughly every 55 ms.In the animation loop, the overall effect of poor resolution causes the animation to run slower than intended and reduces the FPS. This is due to the timeDiff value, which will be set to 0 if the game update and rendering time is less than 55 ms. This causes the sleep time to be assigned the iteration period value, rather than a smaller amount, causing each iteration to sleep longer than necessary.To combat this, the minimum iteration period in GamePanel should be greater than 55 ms, indicating an upper limit of about 18 FPS. This frame rate is widely considered inadequate for games since the slow screen refresh appears as excessive flicker.On Windows 2000, NT, and XP, currentTimeMillis( ) has a resolution of 10 to 15 ms, making it possible to obtain 67 to 100 FPS. This is considered acceptable to good for games. The Mac OS X and Linux have timer resolutions of 1 ms, which is excellent.

Ajax Islands Tutorial - AjaxCSSJS Class (Part 1)

2008-12-16T11:17:00.003+04:00

You can load JavaScript and CSS files dynamically. AjaxCSSJS can do the task for you simply. In this video you can see how to use it to load CSS files.

Ajax Islands Tutorial - AjaxContent Class

2008-12-14T09:27:00.004+04:00

In this video, I've shown how to add Ajax links to HTML pages using AjaxContent class and Prototype framework.

AjaxImageReflection

2008-12-12T14:50:00.007+04:00

I developed the 5th island which is not actually an Ajax component but DHTML component. Using it you can add nice and customizable reflection effects to IMGs on your pages; Only if your browser supports HTML canvas. It means it doesn't work in IE7.
Something like this:

Go ahead and take a look at examples here. You can download it too.

OpenSolaris

2008-12-11T23:40:00.001+04:00

AjaxContent

2008-12-04T09:02:00.008+04:00

AjaxContent Class

The 2nd island of Ajax Islands is released. Using this class you can add Ajax links to your HTML pages without getting involved with JavaScript and XMLHttpRequest. You can associate a link (An A tag or any kind of HTML element as a link), a container (A DIV tag or any other container element) and URL(In fact, from the same server). So when the user clicks the link, the content of the URL will appear in the container. You can also introduce an image as a loading indicator to be displayed at the center (horizontally and vertically) of the container, so the user can wait for the new content to be fetched.

Download AjaxContent and take a look at live examples

The class has a very nice and powerful feature:

The last argument of the constructor, which is supposed to be a Boolean value, determines that if the script tags in the content should be added to the document scripts or not!!! (Not using a simple eval). So if you pass a true value to this argument, all script tag from the content will load and can be accessed from the current scripts of the page.

Google Chrome

2008-11-17T23:10:00.008+04:00

I've just installed Google Chrome web browser. I can say it's a Google product indeed: simple, powerful and elegant.

JavaScript Object Model - OO Programming

2008-11-16T15:20:00.019+04:00

JavaScript is a C++-like scripting language and like most of its relatives let the programmers to write in both object oriented and procedural style. But there is a big difference between JavaScript and other popular OO languages such as C++ and Java which are class based languages.
OO languages are either class based or prototype based. JavaScript is one of prototype based languages out there.
There are lots of references and tutorials about OO programming in JavaScript in the Net. Most of them are so useful and explain a single aspect of OO programming in the language. Some are based on a particular framework such as Prototype, JQuery ... while some explain the pure JavaScript rules.If you are curious to read yet another nice article about JavaScript Object Model, I strongly suggest you to spend 15 minutes to read JavaScript's class-less objects by Stoyan Stefanov.
The article explains the dynamic features of the JavaScript and explains different ways to implement inheritance in the language and then compare them with Java's way.

Current version of AjaxCSSJS

2008-11-10T12:03:00.003+04:00

Ajax Islands page!
You can download the AjaxCSSJS class here too.

AjaxCSSJS - JavaScript and CSS on-demand

2008-11-07T01:25:00.022+04:00

Ajax has converted web pages to web applications!!! I mean we don't have separate pages for doing different things. Different functionalities are done in one single page nowadays. Sometime the users don't face a new page (refresh) even when they click a navigation link, and the new content will come to the page in an Ajax manner. It is excellent for users, but it brings a new problem for developers. Any page has its own layout and functionality, naturally it needs its own CSS and JavaScript files as well. It is not rational that we load all CSS and JavaScript files in the first main page, because it is possible that the user never click on some links and never use some functionalities in the website (web app). So we must load the CSS and JavaScript files when we need them. On the other hand we won't have any chance to refresh the page, so we can not load them by adding the <link rel=STYLESHEET and <script type="text/javascript" to the head section of the document.

Ajax Islands Solution
Download AjaxCSSJS here.
You can load JavaScript and CSS files dynamically (on-demand) by means of AjaxCSSJS which is the 4th class of AjaxIslands (the 2nd and 3ed classes are not released yet!).
You can load your CSS or JavaScript files this way:

new AjaxCSSJS('css/grid.css', 'css');
new AjaxCSSJS('js/ajaxform.js', 'js');

You load a JavaScript to use it! don't you?
I mean usually you call a function or make an object after loading a JavaScript file. In this example you are going to make an AjaxForm object like this:

new AjaxCSSJS('js/ajaxform.js', 'js');
var af = new AjaxForm("frmProfile", "profile.act.php", "loader1.gif", "profileBoard");

But your second line of code will fail!
The browser try to load the ajaxform.js asynchronously! It means that the browser won't wait for the file to be loaded and will continue executing the rest of the code. So the second line which is trying to instantiate the AjaxForm will run before the file is loaded!!!
Don't worry! AjaxCSSJS class has a nice feature to solve this problem too!
You can pass a function as 3ed argument to the constructor of the class. This function will be executed as soon as the browser loads the file. So we should change the code this way:

new AjaxCSSJS('js/ajaxform.js', 'js',
function() {
var af = new AjaxForm("frmProfile", "profile.act.php", "loader1.gif", "profileBoard");
});

Don't hesitate to comment on this class.

Trick in AjaxForm

2008-11-05T16:00:00.007+04:00

There is a small problem in using AjaxForm or any other Ajax tools, that is the visitor may cause JavaScript errors to be displayed if he/she triggers a function call before the JavaScript libraries or tools loads completely (Of course only if you try to load the JavaScript files dynamically!).
In the case of AjaxForm, it is possible that the user click submit button while the AjaxForm or Prototype is not loaded.
Solution is to prevent the user to submit the form before the libraries (JS files are loaded). So you must hide the submit button by setting its CSS attribute visibility to hidden. The AjaxForm object will make it visible automatically as soon as it is created.
So you should write the form this way:

<form id="form1">
username:
<input type="text" id="username" name="username" />
<br />
password:
<input type="password" id="password" name="password" />
<br />
<input style="visibility: hidden" type="submit" value="send" />
<input type="reset" value="reset" />
</form>  

AjaxForm methods

2008-11-03T12:34:00.005+04:00

Method	Description
submit()	You can submit the form by calling this function, but it is not necessary to use it usually, for example you can set the last field onBlure event to a function which calls this method.
reset()	You can reset the form and clear the message board by calling this method, but it is not necessary usually and it is called from other methods of the class.
resetForm()	You can reset the form but not clear the message board by calling this method.
hideForm()	This method will hide the form element (form tag). You may call this function when the server script has processed the data and the process was successful and user won't need the form anymore, similar to the login forms after successful login.
showMessage(msg, color)	This method let you show a message to the user such as data validation messages. The firs parameter is the message itself which is string and the second one is the color of message which is string too and could contain a color name e.g. "red" or a color value e.g. "#FF0000"
focusForm()	By calling this method the first input of the form will receive the focus. You may call this method after creating the object in order to make form ready to receive user's data.

AjaxForm

2008-11-01T13:51:00.039+04:00

After a long break in the development process of those Ajax components I promised to release here, I eventually, convinced myself to put the latest but still incomplete version of AjaxForm (the first component I decided to design and develop) here. I hope you enjoy its design and ease of use, that let you ajaxify a form by creating an object and calling some methods of that object from both client side scripts and the script which is coming from the server side result.
e.g.

var ajaxForm = new AjaxForm("frmEditUser", "edituser.act.php", "loader1.gif", "editBoard");
ajaxForm.focusForm();

But don't forget that all of these components which I'm working on are based on Prototype.js framework.

So in all examples I assume that you have the following line in your document's head section.

<script type="text/javascript" src="prototype.js"></script>

You can download the current version of AjaxForm here.

The design is based on the idea that each form has 4 main elements to be working as an web 2.0 form. (it is my idea, you may disagree with that)

The form itself - HTML element (tag) of form, so we need to pass the ID of the form element to the AjaxForm object.
The server side script which the forms's data will be sent to, so we pass the URL of the script to the object.
The image that should be displayed as a loading animation while the user is waiting to receive the server result. We need to pass the URL of the image file to the AjaxForm object.
The exact portion of the page that the animation image should be displayed, and also the place that other potential messages to the users should be displayed. So we pass the ID of an HTML element to the object.

The 4th factor could be divided to 2 separated factors, one HTML element for the animation image and one for the user messages, but I decided to have one for both, in order to keep the concept simple. I may add the feature in the final version. Anyway, according to these 4 factors, we can create an object of AjaxForm class like the following codes.

Example1

First add the followings to the head section of your page:

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="ajaxform.js"></script>

The HTML form.

<form id="form1">
username:
<input type="text" id="username" name="username" />
<br />
password:
<input type="password" id="password" name="password" />
<br />
<input type="submit" value="send" />
<input type="reset" value="reset" />
</form>  

The place-holder for messages and the animation image.

<div id="board"></div>

Main part (instantiating the object)

<script type="text/javascript">
<!--
var ajaxForm = new AjaxForm("form1", "action1.php", "loader1.gif", "board");
ajaxForm.focusForm();
//-->
</script>

Don't forget to locate the following files in the same directory as your page directory:

prototype.js - you can download it here.
ajaxform.js - download it here.
loader1.gif - any gif animation
action1.php - a php file that will handle the request data

Now it's time to write the server side code. The server side script could be developed in any technology such as Java servlet, JSP, PHP, PERL, Python, ASP, ASP .NET and ...
In this example I write it using PHP (action1.php).

action1.php

<?php
$username = $_POST['username'];
$password = $_POST['password'];

$login = false;

if (empty($username)) {
$message = "You should enter your username!";
$color = "red";
} else if (empty($password)) {
$message = "You should enter your password!";
$color = "#FF7000";
} else if($username == 'ehsun' && $password == '7') {
$login = true;
$message = "You have logged in successfully.";
$color = "#335599";
} else {
$message = "Your username or password is incorrect!";
$color = "#9F9000";
}

echo "<script>";
echo "ajaxForm.showMessage('$message', '$color');";

if ($login) {
echo "ajaxForm.hideForm();";
} else {
echo "ajaxForm.focusForm();";
}

echo "</script>";

sleep(3);
?>

The sleep command is for simulating the delay! you don't need it in the real codes.

As you may noticed you have access to the AjaxForm object which has been created in the client side from the JavaScript code which is coming from server side script, that is very useful feature!
The AjaxForm has some other methods that I will explain in the next posts. Please give me your suggestions.

Galileo - Java Plug-in for RIA

2008-10-31T14:12:00.004+04:00

I recently started to translate a book about "Ruby on Rails"... seems a great job, if I can have it done by the predicted deadline.

I was reading an article titled "Can the Java Plug-in Compete?" that first lines of it really fascinated me...
It is about a RIA framework - actually the client side part - which is using Java Plug-in, and Java programming language. Looks very interesting, even imagination of having those nice features of the language which we use in the server side, at the client side too. You can download and read more about the framework here! But remember that you need a Java-enabled browser.

Blogger on my W960

2008-07-29T00:30:00.004+04:00

I'm in UAE again. I've just installed "Blogger" software on my phone and am learning how it facilitates to send a new post on your blog. I'm staying in my frind's apartment, so let me select his old but nice photo for test...

My first Java program in Linux

2008-05-12T17:39:00.004+04:00

Finally I succeeded in installing Eclipse on my Ubuntu Linux. It detects the gcj which is installed by default on the Linux. Since JAVA_HOME was set successfully. I started coding to check the differences of executing Java programs on a new environment! I checked some simple console programs and then I wrote a simple JFrame program. The frame was so nice in GNOME environment but as I noticed instantly the frame was not responding to the events very well during the resizing, maximizing and ... And it failed to responded when I tried to close it!!! Later on I decided to change my JVM to the Sun JVM. I installed JDK 6u6 and altered JAVA_HOME. Oh yes! now it works fine!!! I should say it could be the gcj fault!

Please write your similar experiences on this topic.

Pronunciation of Linux

2008-05-11T20:19:00.001+04:00

Linus Torvalds, creator of Linux, explains how the word should be pronounced.

Sudo is older than me!

2008-05-10T11:03:00.004+04:00

I installed my first Ubuntu Linux last night! It is actually my first Unix-based OS that I really got fascinated by it. I'm installing LAMP (actually AMP since L is installed already). During the execution of the commands I got interested in the history of Sudo. I know what it is for and I guessed it should be a new command so I looked for a brief history of Sudo and I found Sudo is 4 years older than me! lol...

AjaxForm

2008-04-30T00:59:00.003+04:00

Having my new web project started, I'm thinking about an agile solution for posting forms in an Ajax way with minimized JavaScript code.
Using prototype, my former solution was a functional approach...but now I'm thinking for a better OO approach.
Let see what can I do! I will put my solution here in next days.

Javascript Import / Include

2008-03-12T15:21:00.005+04:00

We can load JS files in the HEAD part of a HTML document, but have you ever needed to load a JS file from another script?

you can use this code:

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'snip.js';
document.getElementsByTagName('head')[0].appendChild(script);

And if you don't want to write it again and again, and prefer to prevent loading a JS file more than one time you can use this clean function:


function $import(path){
 var i, base, src = "grid.js", scripts = document.getElementsByTagName("script");
 for (i=0; i<scripts.length; i++){if (scripts[i].src.match(src)){ base = scripts[i].src.replace(src, "");break;}}
 document.write("<" + "script src=\"" + base + path + "\">+ "script>");
}

// example

$import("controls/grid.js");
$import("http/request.js");

But I strongly recommend you to use the AjaxCSSJS calss instead.

Gmail in Thunderbird 2

2008-02-22T12:50:00.003+04:00

Thunderbird 2 is offering a default configuration for Gmail POP service!

Oh all those cats!!!

2008-01-06T22:38:00.000+04:00

Amir Hossein has posted about a book written by Hank Rainwater here which is about leading software teams.
You can download the eBook here! :)

Goodbye Dubai

2008-01-06T09:30:00.001+04:00

...it is my last day in office, I'm not supposed to come to office today but I'm here to solve some problems in the live version of portal...I will go home by end of the week. :) The company has some plans for bringing me back to Dubai to work for them 6 months more...and if they can provide me the visa I should come here since I've promised them to do that due to their high level of flexibility during my final examinations. But I hope that they don't bring me back again ;)...

View Larger Map

non-UTF8 characters in XML

2007-12-31T11:50:00.000+04:00

Have you ever used an Ajax tool which is very sensitive to the non-UTF characters in the XML data which is coming back from the server-side script??? I mean those tools which are using the responseXML field of XMLHttpRequest instead of its responseText! Taconite is one of this kind of tools.
It is a big headache when you couldn't see the result due to only one invalid character which is there because you (or the operator) have copy paste the text in your DB from MS Word or any other applications which are not supporting Unicode by default!
Some standard browsers are not so sensitive to these invalid characters and do the correction automatically, Firefox, Opera and Safari do this but the most popular one (it's a pity) which is MS IE doesn't do that! And is 100% sensitive to all kind of these characters! :(
In the company everyday one of us reports the others that
Oh shit! search results of the ... part of the portal are not coming in IE!!! Ehsuuuuuuuuuuuuuun!!!
- Oh who entered data for ...part??? Have you copied them from Word?!!! Oh one of you should go through the records and find that invalid character which is 99% a comma!

Tiered of this lengthy solution, I've decided to find a way that convert invalid characters in an string to their corresponding UTF8 character! After some research in the PHP resources I found this nice function here!

$text = iconv("UTF-8","UTF-8//IGNORE",$text);

XSLT or Template Engines

2007-12-25T08:09:00.000+04:00

Having a nice separation between business logic and presentation logic in web development is a really beneficial and important functionality to be obtained. There are many template engines for any server-side technology out there such as: Smarty, Heyes Template Class, FastTemplate, ShellPage, STP Simple Template Parser, OO Template Class, SimpleTemplate, bTemplate for PHP scripting language and Velocity, FreeMarker, SiteMesh, Better Templates for Everybody, WebMacro, Transformica, Tea, Jamon, StringTemplate, jxp for JSP. There are lots of them but there are many common features in all of them.
Usually 2 goals are achieved by using a template engine:

Separation of the business logic and presentation logic
Separation of the server-side scripts and HTML code. (logic and content)

The former is the right goal! and the latter shouldn't be a direct goal. The separation of HTML and Scripting language will achieve in some extent but we shouldn't go deliberately for gaining it! For example assume that we want to display a table-based report of all customers who have bought something in the last month in 3 columns. Executing the query and fetching the result should be happened in the business logic and separated from HTML code. But dividing the customers in 3 groups in the business logic is a wrong solution! Because in a new layout (template design) we may want the customers in 4 columns, so we should achieve this without amending the business layer. So our template engine should have the features to let us have some logic in the templates (presentation logic) in this example we need to have FOR loops or similar structures in order to display the group of customers in 3 columns. This is exactly what is done by Smarty and XSLT. But there are some problems with using the template engines which are:

They usually have complex process and documents.
Some of them are replacing the standard and popular scripting language e.g. PHP with a more complex and non-standard conventional language
The business layer usually produce a non-standard and non-structured data which is totally useless to other websites or applications
They usually (NOT always) bring some security risks if we have untrusted template developers.

Using XSLT realize the main goal which is separating the business logic from presentation logic. We can have powerful logical structures in the presentation layer which could not be malicious as well. Generally XSLT will bring the following benefits:

The XSLT documents are not more than some XML files and HTML files.
XSLT could be as complex as some of the template engines but there are lots of books and resources out there due to its standard and support from W3C.
The data which is produced by business layer i.e. XML is 100% standard and reusable by other programming technologies.
The XSLT logical structures could not be used in a malicious fashion.

Download the e-book: Beginning XSLT 2.0 from Novice to Professional

Firefox 3 Beta

2007-12-22T12:08:00.000+04:00

You can download Firefox 3 beta here.
Let's check it out.

Google Suggest Tutorial

2007-12-22T10:28:00.000+04:00

In the web sites and web applications most of the users are not aware of the exact and complete name of terms they are searching for! So it is a good idea to give them suggestion while they are trying to write the name of the desired words. Similar to what is happening in Google suggest.

In this tutorial we will do the same thing for a search in a group of people whose information are stored in a table of database. The same as the previous tutorials we use prototype.js as Ajax/DOM framework.

Since the steps are too simple and so similar to the previous tutorials, I let you download it and check it out by yourself! ;)

Good Luck!

Prototype and Scriptaculous Ebook

2007-12-18T15:06:00.001+04:00

The first book about prototype.js framework and scriptaculous animation library!
Download the book here!

Goodbye AIT

2007-12-14T11:55:00.000+04:00

My final examinations finished and I've just submitted my final project. Now I have more time to learn!!! :D ....and to think about the future...maybe Master.... :-)

Ajax Chat - Using Prototype & PHP

2007-12-11T10:37:00.000+04:00

In the past years chat rooms were so rare in the websites and only those website which needed it were using chat facilities. Most of those chat rooms were developed by means of Java Applet technology hence the client browser had to be Java-enabled in order to use the chat rooms. After a while flash chat rooms came in the picture but they had the same drawback since the client needs to have the Flash player plugin installed in order to use the chat rooms.
Recently the Ajax-enabled chat rooms have come to the websites even the personal websites. They are so light, easy to develop and don't need any special software or prerequisites on the clients' browsers.

In this tutorial we will learn how to develop a very simple Ajax-enabled chat room based on PHP 5 server-side scripting language and Prototype JavaScript framework.

You can develop this chat room following the steps bellow or download it here.

1. JavaScript Message class and one utility function
Create 2 folders called php and js. Copy the prototype.js file in the js folder.
Create a new javascript file called chat.js which contains the following code and put it in the js folder.

var Message = Class.create();
Message.prototype = {
initialize: function(id, timestamp, serverTimestamp, nickname, text) {
this.id  = id;
this.timestamp = timestamp;
this.serverTimestamp = serverTimestamp;
this.nickname = nickname;
this.text = text;
},
};


function removeChildrenOf(s) {
while (s.hasChildNodes())
s.removeChild(s.childNodes[0]);
}

2. PHP Message class
Create a new php file called message.class.php which contains the following code and put it in the php folder.

<?php
class Message {

const MAX_TEXT_LENGTH = 100;
const MAX_NICKNAME_LENGTH = 20;

//    ...........................................

private $id;
private $timestamp;
private $serverTimestamp;
private $nickname;
private $text;

//    ...........................................

public function __construct($id = 0, $timestamp = 0, $serverTimestamp, $nickname = "", $text = "") {
$this->id = $id;
$this->timestamp = $timestamp;
$this->serverTimestamp = $serverTimestamp;
$this->nickname = $nickname;
$this->text = $text;
}

//    ...........................................

public function setId($id) {
$this->id = $id;
}

public function getId() {
return $this->id;
}

public function setTimestamp($timestamp) {
$this->timestamp = $timestamp;
}

public function getTimestamp() {
return $this->timestamp;
}

public function setServerTimestamp($serverTimestamp) {
$this->serverTimestamp= $serverTimestamp;
}

public function getServerTimestamp() {
return $this->serverTimestamp;
}

public function setText($text) {
if(strlen($text) > self::MAX_TEXT_LENGTH)
echo "Error: Text is too long! Maximum is ".self::MAX_TEXT_LENGTH;
else
$this->text = $text;
}

public function getText() {
return $this->text;
}

public function setNickname($nickname) {
if(strlen($text) > self::MAX_NICKNAME_LENGTH)
echo "Error: Nickname is too long! Maximum is ".self::MAX_NICKNAME_LENGTH;
else
$this->nickname = $nickname;
}

public function getNickname() {
return $this->nickname;
}
}
?>

3. Database, Tables and Configuration
Create a database in your mysql DBMS and run the following query on it in order to create the message table.

CREATE TABLE  `message` (
`id` int(10) unsigned NOT NULL auto_increment,
`timestamp` bigint(20) unsigned default NULL,
`text` varchar(100) default NULL,
`serverTimestamp` bigint(20) unsigned default NULL,
`nickname` varchar(20) default NULL,
PRIMARY KEY  (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8;

Create a php file called config.inc.php which contains the following code and put it in the php folder.
Don't forget to write database name, username and password of your mySql server instead of corresponding parameters in this file.

<?php
define("DB_HOST", "localhost");
define("DB_USERNAME", "root");
define("DB_PASSWORD", "ebic");
define("DB_NAME", "chat");
?>

4. Send Message server-side script
Create a php file called send.php which contains the following code, don't put it in any folder, let it be in the root folder of your website.

<?php
include_once('./php/config.inc.php');

$mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME);

if (mysqli_connect_errno()) {
printf("Connect failed: %s\n", mysqli_connect_error());
exit();
}

$text = isset($_POST['text']) ? $_POST['text'] : "";
$timestamp = isset($_POST['timestamp']) ? $_POST['timestamp'] : 0;
$serverTimestamp = isset($_POST['serverTimestamp']) ? $_POST['serverTimestamp'] : 0;
$nickname = isset($_POST['nickname']) ? $_POST['nickname'] : "";

$sql = "INSERT INTO message (text, nickname, timestamp, serverTimestamp)
              VALUES('$text', '$nickname', '$timestamp', '$serverTimestamp')";

if (!$mysqli->query($sql)) {
echo "Error in query";
}

?>

5. Receive Messages server-side script
Create a php file called get.php which contains the following code, don't put it in any folder, let it be in the root folder of your website.

<?php
include_once('./php/config.inc.php');

header('Content-type: text/xml');

$mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME);

if (mysqli_connect_errno()) {
printf("Connect failed: %s\n", mysqli_connect_error());
exit();
}

echo "<messages>";

$timestamp = time();
$sql = "DELETE FROM message WHERE $timestamp - serverTimestamp > 1000 ";

if (!$mysqli->query($sql)) {
echo "Error in query";
} else {
$sql = "SELECT * FROM message";
if (!$result = $mysqli->query($sql)) {
  echo "Error in query";
} else {
  while($record = $result->fetch_assoc()) {
      echo "<message>";

      echo "<id>";
      echo $record['id'];
      echo "</id>";

      echo "<timestamp>";
      echo $record['timestamp'];
      echo "</timestamp>";

      echo "<serverTimestamp>";
      echo $record['serverTimestamp'];
      echo "</serverTimestamp>";

      echo "<text>";
      echo $record['text'];
      echo "</text>";

      echo "<nickname>";
      echo $record['nickname'];
      echo "</nickname>";

      echo "</message>";
  }
}
}

echo"</messages>";

?>

6. Utility server-side script for getting the server timestamp
Create a php file called timestamp.php which contains the following code, don't put it in any folder, let it be in the root folder of your website.

<?php
echo mktime();
?>

7. Client script for sending and getting (main html page)
Create a html file called index.html which contains the following code, don't put it in any folder, let it be in the root folder of your website.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chat Room (Shout Box)</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/chat.js"></script>

<script type="text/javascript"><!--
<!--

var serverTimestamp = 0;
var messages = new Array(10000);
var msgCount = 0;

function existInArray(msg) {
for(i = 0; i < msgCount; i++) {
  if(msg.timestamp == messages[i].timestamp)
      if(msg.serverTimestamp == messages[i].serverTimestamp)
          return true;
}
return false;
}

function getMessages() {
new Ajax.Request('get.php?ts=' + new Date().getTime(), {
  onSuccess: function(transport) {
      var xml = transport.responseXML;
      var msgNodes = xml.documentElement.childNodes;
      for(i = 0; i < msgNodes.length; i++) {
          var id = msgNodes[i].getElementsByTagName("id")[0].firstChild.nodeValue;
          var nickname = msgNodes[i].getElementsByTagName("nickname")[0].firstChild.nodeValue;
          var text = msgNodes[i].getElementsByTagName("text")[0].firstChild.nodeValue;
          var timestamp = msgNodes[i].getElementsByTagName("timestamp")[0].firstChild.nodeValue;
          var serverTimestamp = msgNodes[i].getElementsByTagName("serverTimestamp")[0].firstChild.nodeValue;
          var msg = new Message(id, timestamp, serverTimestamp, nickname, text);
          //alert(i);
          if(!existInArray(msg)) {
              messages[msgCount++] = msg;
          }
      }
  }
});

showMessages();
setTimeout("getMessages()", 4000);
}

function updateServerTimestamp() {
new Ajax.Request('timestamp.php?ts=' + new Date().getTime(), {
  onSuccess: function(transport) {
      serverTimestamp = transport.responseText;
  }
});
}

function showMessages() {
var board = $('board');
removeChildrenOf(board);
for(i = 0; i < msgCount; i++) {
  var msgView = document.createElement("div");
  var msg = messages[i];
  var date = new Date(parseInt(msg.timestamp, 10));
  msgView.innerHTML = msg.nickname + " <small>(" + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds() + ")</small>: " + msg.text;
  board.appendChild(msgView);
}
board.scrollTop = board.scrollHeight;
}

function sendMessage(msg) {
new Ajax.Request('send.php', {
  method: 'post',
  parameters: {
                  text: msg.text,
                  nickname: msg.nickname,
                  timestamp: msg.timestamp,
                  serverTimestamp: msg.serverTimestamp
              },
  onFailure: function() {
      sendMessage(msg);
  }
});

}

function doMessage() {
if ($F("message").length > 0) {
  var board = $('board');
  var msg = new Message(0, new Date().getTime(), serverTimestamp, $F('name'), $F("message"));
  //alert(msg.timestamp);
  messages[msgCount++] = msg;
  showMessages();
  sendMessage(msg);
  board.scrollTop = board.scrollHeight;
}
$('message').clear();
$('message').focus();
updateServerTimestamp();
}

Event.observe(window, 'load', function() {
updateServerTimestamp();
getMessages();
});


//-->
</script>


<style>
<!--

#board {
width: 400px;
border: inset 2px;
height: 300px;
padding: 2px;
overflow: auto;
}

-->
</style>
</head>
<body>

<h1>Chat Room</h1>

<form action="" onsubmit="return false;">
<div id="board"></div>
<br />
<label>Nickname:</label>
<input type="text" name="name" id="name" maxlength="20" />
<br />
<label>Message:</label>
<input type="text" id="message" name="message" maxlength="100" size="45"/>
<input type="submit" value="Send" name="send" onclick="doMessage()"/>
</form>
<br />
<br />
<a href="http://ehsun7b.blogspot.com">ehsun7b.blogspot.com</a>
</body>
</html>

Enjoy chatting in your own website!

Final examinations!

2007-11-19T23:05:00.000+04:00

My final examinations are coming closer and closer! I'm supposed to take the first one and the second one on the coming Sunday! :(
But after Dec 12 I'll have free time to do... :D

Going to Kish

2007-11-14T10:32:00.000+04:00

I've not received my employment visa so far, so the company send me to Kish island this evening and will renew my visa... ;)
I've never been there and may have a little fun! :D

Uploading Files, Using Ajax

2007-11-12T17:45:00.000+04:00

As you may know it is impossible to upload files to the server using XHR! And the easiest way to upload them in an AJAX way is to use Iframes.
But be aware that uploading files through the XMLHttpRequests is NOT impossible, although it has some security issues.

So we will see how to develop a simple Ajax based upload using Iframe. The upload process by itself doesn't have anything complicated. You can do it in a synchronous style using any kind of server-side technology such as PHP, JSP, ASP or...
It will happen in a document which is displaying on the page using an Iframe so from the whole document point of view it will upload the file as an asynchronous request. But the thing is so important here is the JavaScript integration which is required between the main document and the uploading document (the document inside the Iframe) for showing some progress or loading animations.

In this tutorial I use PHP as server-side language and prototype.js as Ajax/JavaScript framwork.
You can download this script here, or do it yourself step by step:

1. index.html
Create a new file called index.html and write the following code in the body:

<h2>Upload file</h2>
<iframe frameborder=0 src="upload.php"></iframe>
<div id="board"></div>
<div id="images"></div>

The first DIV with ID="board" is for some messages which will be received before/after the upload process from the uploading document (the document inside th IFrame).
And the second one is for displaying uploaded photos. (If the uploaded files are photos!)

2. upload.php
Create another file called upload.php and write the following code inside it:

<?php

?>
<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript">


</script>

<form action="" method="post" id="photoform" enctype="multipart/form-data">
<input type="file" name="file" onchange="upload()"/>
</form>

3. The other needed files
Don't forget to create a new folder called js and copy the prototype.js file there.
And create another folder called img and copy a GIF animation called progress.gif there.

Enjoy uploading photos asynchronously!

Ajax News

2007-11-10T08:40:00.000+04:00

A major announcement today by Isomorphic Software, the SmartClient Ajax platform is being released free and open source, under the LGPL. SmartClient is the *only* Ajax platform that has been used to build the entire user interface of major software products, including:

Informatica PowerAnalyzer
Wily Introscope
Document Sciences xPression
Copyright Clearance Center RightSphere
Intuit Quickbooks TimeTracker Online
Lontra Service Portfolio Manager

Three announcements in one, the final versions of Prototype 1.6.0, script.aculo.us 1.8.0 are now available in addition to the Prototype & script.aculo.us book by Christophe Porteneuve. The latest Prototype 1.6.0 got a lot of API changes that you should be familiar if you worked with the RC0 and RC1, and in total there is 20 bug fixes and enhancements since the RC1, which was released by October 16th. More info on this release could be found on the changelog.

Gmail just got a new update this week with a faster navigation and improved contact list manager, in addition to a restructured source code. The big change in this release is probably not visible to the public, and will be certainly noticed in the next months with more exciting features to be released. Google didn't comment on the technologies used in this release but just confirmed that it wasn't GWT a Google spokesperson told us "We don't have anything new to share about the technologies used to create Gmail, but I can tell you that we've used Google Web Toolkit to build parts of Google Base and Google Checkout, and all of Google Mashup Editor"

"In short, the Gmail team has been working on a major structural code change that we're rolling out to users over the coming weeks to make Gmail faster and more flexible.", explained a Google spokesperson, " To start with, you'll notice faster mail browsing, as well as an upgraded contact manager that presents your contact data in an easy-to-read column view. The new code structure also lays the groundwork for some new Gmail features we'll be launching in the coming months."

Back and forward buttons

2007-11-08T08:55:00.000+04:00

Ajax is excellent, of course, but it has its own problems as well. One of the most popular ones is that Ajax requests are not registered in the browser history. So you can not undo or redo them by means of the browsers Back and Forward buttons. Google, Gmail and GWT (Google Web Toolkit) support these functions and the reason is in Google Web Toolkit all the Ajax functionalities are not amazingly based on XMLHttpRequest object! Yes they use IFrames as well, so they can handle the browser history with back and forward buttons.
They started developing Gmail as their first Ajax application many years ago and that time XMLHttpRequest was not supported by all the browsers and it was not accepted by W3C also. But in the current time what is the best solution for keeping the history of Ajax requests and handling them by Back and Forward buttons???

XUL, new gift from Mozilla

2007-11-07T17:07:00.000+04:00

I was surfing the Net looking for some DOM manipulation methods that I found a new word in the mozilla developer center, it is XUL! It is the first time I've seen this word! Oh what is it really?
It is mentioned there that it stands for XML User interface Language developed by Mozilla.

Seems delicious! ;)
Visit here also!

I may write more posts about this topic!

W3C accepted XMLHttpRequest

2007-11-01T17:30:00.000+04:00

Finally W3C accepted the XMLHttpRequest as an standard object.
You can review the draft of specification here.

And from now on all the browsers will have a united way to create an object of this class:

var client = new win.XMLHttpRequest()

And more cross-browser compatibility!

The interface that all browsers have to implement for this object (class) is like this:

interface XMLHttpRequest {
// event handler
attribute EventListener onreadystatechange;

// state
const unsigned short UNSENT = 0;
const unsigned short OPENED = 1;
const unsigned short HEADERS_RECEIVED = 2;
const unsigned short LOADING = 3;
const unsigned short DONE = 4;
readonly attribute unsigned short readyState;

// request
void open(in DOMString method, in DOMString url);
void open(in DOMString method, in DOMString url, in boolean async);
void open(in DOMString method, in DOMString url, in boolean async, in DOMString user);
void open(in DOMString method, in DOMString url, in boolean async, in DOMString user, in DOMString password);
void setRequestHeader(in DOMString header, in DOMString value);
void send();
void send(in DOMString data);
void send(in Document data);
void abort();

// response
DOMString getAllResponseHeaders();
DOMString getResponseHeader(in DOMString header);
readonly attribute DOMString responseText;
readonly attribute Document responseXML;
readonly attribute unsigned short status;
readonly attribute DOMString statusText;
};

It's also natively implemented in IE7 which means no more ActiveX. ;)