꿈을 꾸는 블루비

great free php javascript ajax chat script. here my free php-ajax chat script trying to got you the best of the best php ajax chat or php javascript chat script for your website based on the day modern web technology!. this free php-ajax chat will install on your website very fast and easy with out any file confirm/edit require only by access install directory in your web browser. the Chat Script have a powerful administrator panel to manager the free php javascript ajax chat service on your website as well. this free php-ajax chat Chat Script will allow chat users to create unlimit chat rooms, send private message in PM box. the Chat Script also allow users to ADD or IQNORE peoples in the php ajax javascript chat. register to this free php-ajax chat script is very fast! really fast in less 10 second with out any error after form processed. in the free php javascript ajax chat script administrator can change the php ajax chat Speed Connection from administrator panel to get best perfomance on any host. administrator can insert lots of BANNER Advertisements at header or footer of chat areas too easy from admin panel, the banners will be rotate every 60 second at the rooms then administrator can stop the rotate or change the rotate speed per second. alitalk chat script is compatible with most browsers including Internet Explorer, Netscape and Firefox, Opera. this free php-ajax chat don't needed to any plugin to run on users browsers and this will not limit your chat users... well! now yourself check the my free php-ajax chat script Online Demo. This php javascript chat script offer you: Ad Manager so you can add advertising, Connection speed controls, User profile manager, Room manager for maintaining chat rooms, Multi language capabilities, Smileys and other emoticons, Change chat font and colour, Fast user registration in less 30 second, Firewall for ajax http_requests, Easy link with your forum database, Support vBulletin, IPB, MyBB, PHPBB, Joomla and SMF, Quick installer with out any file confirm require.




WebSite : http://www.alilg.com/software/free-php-ajax-chat/

Aptana 에서 Jaxer 서버 솔루션을 만들었습니다.
XMLHttpRequests, JSON, DOM스크립팅을 서버단에서 사용할 수 있고, 네트워크, 파일, 데이터베이스에 접근이 가능하다고 합니다.
다시 말해서 다른 언어 필요 없이 Javascript 언어로 웹서비스 하나를 만들어 낼 수 있다는 것이네요.. 와우.. 신기하기만 하넹.. ㅎㅎ

자세한 내용은 파이어준님의 포스트를 참고하시고 Jaxer에 직접 방문해보시면 알거 같습니다.

prototype 에서 사용 되는 Ajax 기본 문법입니다.

new Ajax.Request('/some_url',
  {
    method:'get',
    parameter:'param1=value1¶m2=value2',//or $('form').serialize()
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
      alert("Success! \n\n" + response);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });

http://www.w3schools.com/rss/rss_reference.asp

RSS <channel> Element

The links in the "Element" column point to more information about each specific element.

http://www.w3schools.com/rss/default.asp

RSS 란?

• RSS stands for Really Simple Syndication
• RSS allows you to syndicate your site content
• RSS defines an easy way to share and view headlines and content
• RSS files can be automatically updated
• RSS allows personalized views for different sites
• RSS is written in XML

RSS 기본 샘플 코드

<?xml version="1.0" encoding="ISO-8859-1" ?>
<rss version="2.0">
 
<channel>
  <title>W3Schools Home Page</title>
  <link>http://www.w3schools.com</link>
  <description>Free web building tutorials</description>
  <item>
    <title>RSS Tutorial</title>
    <link>http://www.w3schools.com/rss</link>
    <description>New RSS tutorial on W3Schools</description>
  </item>
  <item>
    <title>XML Tutorial</title>
    <link>http://www.w3schools.com/xml</link>
    <description>New XML tutorial on W3Schools</description>
  </item>
</channel>
 
</rss>

주석 처리는 HTML 코드에서 사용 되는 주석태그 <!-- This is an RSS comment --> 를 사용하면된다.

http://code.google.com/apis/ajaxfeeds/

JSON-PHP-encode
http://mike.teczno.com/json.html

JSON-Javascript-Parse
http://json.org/js.html

scheme://host[:port]/path[?query]

ued_encode 함수는 JSON 데이터를 query 형태로 encoding 해준다.

Ajax Data Transfer Format - UED(Url Encoded Data)

JSON has taken the award for the easiest method for transporting data when using Ajax. JSON is great to get data from the server side to the client side. What what about when you need to send data to the server side? Sure you can use JSON then - but the advantage of using JSON is lost. So I propose using another format for it - UED or URL Encoded Data. Its a very simple concept - and it has been in use for a long time - all I have done is create a function that will encode the data into this format. The basic concept behind this is that the most used data structures can be easily encoded into a URL. You can create variables, numerical arrays, associative arrays, multi-level arrays etc. using existing syntax. The best part is all the server side languages are capable of handling this format - so no parsing is needed.

ued_encode() will take an array as its argument and return the data encoded in UED format - as a string. You can use that string to send the data via POST or GET in the query part of the URL.

Demonstration

See ued_encode() in action.

A Brief Look at URL Syntax

scheme://host[:port]/path[?query]
http://www.google.com:80/search?q=hello

The syntax for the data part is given below

Variables (for the lack of a better name)

name=Binny
year=2007
quote=Hello%2C+World%21		- That is "Hello, World!" in a 'url encoded' format.

List(Numerical Arrays)

os[]=Windows
os[]=Linux
os[]=Mac

Arrays(Associate Arrays)

software[editor]=vi
software[audio]=xmms
software[video]=vlc

All these will be joined using '&' - that will be the final string. Note: Line wrapped at '?'

name=Binny&year=2007&quote=Hello%2C+World%21&os[]=Windows&os[]=Linux&os[]=Mac ?
&software[editor]=vi&software[audio]=xmms&software[video]=vlc

No, it is not readable - it is not designed to be readable. But it is a very compact format. You can send this data to the server side by appending it to a url as the query(using the get method)

http://www.example.com/get_data.php?name=Binny&year=2007&quote=Hello%2C+World%21&?
os[]=Windows&os[]=Linux&os[]=Mac&software[editor]=vi&software[audio]=xmms&software[video]=vlc

But if you are a web developer, you already know that. You use it every day. Sometime you don't see it - the browser will automatically format the data from a form into this format and send it. In other occasions you have to create such URL by hand to send data to the server side in your Ajax(or non-Ajax) app.

So I have created a function that will encode the given data to this format.

Usage

//The JS Array format of the example given above
var arr = {
	'name':"Binny",
	'year':2007,
	'quote':"Hello, World!",
	'os':['Windows','Linux','Mac'],
	'software':{
		'editor':"vi",
		'audio':"xmms",
		'video':"vlc"
	}
}
var data = ued_encode(arr);

Code

ued_encode.js - <1 KB

//ued_encode() will take an array as its argument and return the data encoded in UED format - as a string.
//http://www.openjs.com/scripts/data/ued_url_encoded_data/
function ued_encode(arr,current_index) {
	var query = ""
	if(typeof current_index=='undefined') current_index = '';
 
	if(typeof(arr) == 'object') {
		var params = new Array();
		for(key in arr) {
			var data = arr[key];
			var key_value = key;
			if(current_index) {
				key_value = current_index+"["+key+"]"
			}
 
			if(typeof(data) == 'object') {
				if(data.length) { //List
					for(var i=0;i<data.length; i++) {
						params.push(key_value+"[]="+ued_encode(data[i],key_value)); //:RECURSION:
					}
				} else { //Associative array
					params.push(ued_encode(data,key_value)); //:RECURSION:
				}
			} else { //String or Number
				params.push(key_value+"="+encodeURIComponent(data));
			}
		}
		query = params.join("&");
	} else {
		query = encodeURIComponent(arr);
	}
 
	return query;
}

License

BSD License

http://www.jackslocum.com/blog/index.php

http://www.yui-ext.com/deploy/ext-1.0-alpha2.zip

http://www.yui-ext.com/deploy/ext-1.0-alpha2/docs/

http://developer.yahoo.com/yui/

http://www.yui-ext.com/deploy/ext-1.0-alpha3/examples/

여러 형태의 로딩 이미지(Spinner) 를 gif로 다운받을 수 있다

http://www.ajaxload.info/

1. encodeURIComponent('문자열'); //javascript 문자열 인코드

2. rawurldecode($var); //PHP 문자열 디코드

원문 : http://blogs.missiondata.com/?p=28

AJAX file upload progress for Java using commons fileupload and prototype

This has been done before with PHP (AJAX upload progress meter for PHP) etc but I needed something a little different because I wanted to upload a file and then have it loaded into a database. I looked around and found that someone had already made something that used the commons file upload package to do the upload part (AJAX Upload progress monitor for Commons-FileUpload Example). It wasn’t exactly what I was looking for but it a good start.

To understand the way this works I think it is easiest to break it down into parts:

1. A file upload extention that counts bytes as they are uploaded
2. An interface that monitors the progress of something running on the server
3. AJAX to pull the monitoring into the current screen

Counting bytes when files are uploaded

This was taken from the example listed above. It extends and wraps parts of the commons File Upload classes so that you can count the bytes as they are uploaded to the server. You can download the source with build file or the binary. You will also need the commons file upload, commons io and commons logging. If you download the source put the commons jars in the lib directory before building.

The code is fairly simple to follow. MonitoredDiskFileItemFactory replaces DiskFileItemFactory and the construction of a MonitoredDiskFileItemFactory takes a OutputStreamListener that will be passed on down the chain. The new factory creates MonitoredDiskFileItems instead of DiskFileItems for each file uploaded. When the file needs to be written to disk a MonitoredOutputStream is given back instead of a normal OutputStream. The MonitoredOutputStream calls the OutputStreamListener methods as the bytes are written and with that you now have a way to monitor the byte count as the file is created on the server.

Now to test this all out we can just have an OutputStreamListener that writes its progress out to a logfile or something.

public class FileUploadListener implements OutputStreamListener{  private long totalFileSize;  private long currentFileRead;  public FileUploadListener(long totalFileSize)  {    this.totalFileSize = totalFileSize;    this.currentFileRead = 0;  }  public void start()  {    log.debug("Upload started. Total file size: " + totalFileSize);  }  public void bytesRead(int byteCount)  {    log.debug("Read bytes. Currently " + byteCount + " out of " + totalFileSize + " bytes.");    currentFileRead+=byteCount;  }  public void error(String error)  {    log.debug("Hit an error: " + error);  }  public void done()  {    log.debug("Upload done.");  }  public long getTotalRead()  {    return currentFileRead;  }  public long getTotalSize()  {    return totalFileSize;  }}

Now we try it out. You can put this in a servlet or jsp so I’m only going to list the parts that matter.

  FileUploadListener listener = new FileUploadListener(request.getContentLength());  session.setAttribute("LISTENER", listener);  FileItemFactory factory = new MonitoredDiskFileItemFactory(listener);  ServletFileUpload upload = new ServletFileUpload(factory);  List items = upload.parseRequest(request);  for (Iterator i = items.iterator(); i.hasNext();)  {    FileItem fileItem = (FileItem) i.next();    if (!fileItem.isFormField())    {       // code here to process the file     }   }

I’m going to assume you can find the correct way to do the actual form upload part.

Note: One issue that you will face at some point is where the upload post goes to becuase when you get to the AJAXy part of things you want the post to stay on the same page. You can use a hidden iframe and the form’s “target” parameter to do this (I have an example later). This is one thing the Java examples I found didn’t have but the PHP examples did and I’m not sure exactly how the Java examples work without it.

Monitoring progress on the server

The next step is to monitor the progress of the upload on the server. What you are monitoring on the server doesn’t even need to be the upload. For the work I was doing the upload goes fairly quickly but what happens to the file after the upload takes a little longer. I wanted to monitor both and that is one reason I think it helps to break this up into parts because you aren’t limited to just monitoring file uploads.

The main thing to keep in mind here is that the application server is multithreaded and you can make more than one request to the server at the same time. You probably know that you can open a tab in firefox or another window in ie and use the same session from the current webapp you are using. Knowing that you can create a page that monitors the status of things as they are running on the server.

From the example above you could toss the listener into the users session. Then insead of logging you just add a couple variables to keep track of the number of bytes that have been uploaded. Then create a simple jsp that pulls the Listener out of the session and dumps its data to a page. Open two windows, one to the upload page and another one to the status page. Start the upload and then start refreshing the status. You should see that the values change as the file is uploaded.

<%@page%><%  FileUploadListener listener = (FileUploadListener)session.getAttribute("LISTENER");%>Total size: <%=listener.getTotalSize()%><br/>Read count: <%=listener.getTotalRead()%><br/>

Of course you will probably want more than just the total size and bytes read as well as more formating like a little progress bar or something but I’ll leave that up to you.

AJAX integration with prototype

You have the major parts to the upload progress done and now all you need is the AJAX part. To do this I chose to use prototype because it cuts right to what you want to do. One call is all you need to use: Ajax.PeriodicalUpdater.

The Ajax.PeriodicalUpdater call will update a container (in my case a div) on a set interval. Here is an example of how to have it update a div with an id of “status” every second.

    new Ajax.PeriodicalUpdater(                                'status',                                'status.jsp',                                {asynchronous:true, frequency:1, method:'get'});

The first argument is the id of the div, the second is the jsp that contains the data to stick into the div every second and the 3rd arguement is a set of options. There are more options availabe if you need them.

You would want to kick the update off whenever the form is posted. When the post is complete the iframe used as a place to post to will load with the results of the servlet or jsp that you posted to. If you return some javascript as a result for the iframe you will be able to create a final “finished” message on the page to let the user know the upload has completed and stop the processing of the AJAX updater.

So there you have it. The basics of setting up an upload progress bar using java and AJAX. I have left out a good bit but you should have enough to at least get you started.

By request I have created a simple example that pulls everything together. The source contains everything you need to create a war file including all source and an ant build file.

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/7e831db8-9d0a-43ff-87e9-11382721eb99.asp

GUID and ProgID Information 항목 참조