연구_고민2008.05.20 09:43

IRC

IRC 프로토콜(RFC 1459)

  • 메시지 포맷
      <message>    ::= [':' <prefix> <SPACE> ] <command> <params> <crlf>
      <prefix>     ::= <servername> | <nick> [ '!' <user> ] [ '@' <host> ]
      <command>    ::= <letter> { <letter> } | <number> <number> <number>
      <SPACE>      ::= ' ' { ' ' }
      <params>     ::= <SPACE> [ ':' <trailing> | <middle> <params> ]
      <middle>     ::= <Any *non-empty* sequence of octets not including SPACE or NUL or CR or LF, the first of which may not be ':'>
      <trailing>   ::= <Any, possibly *empty*, sequence of octets not including NUL or CR or LF>
      <crlf>       ::= CR LF
      <target>     ::= <to> [ "," <target> ]
      <to>         ::= <channel> | <user> '@' <servername> | <nick> | <mask>
      <channel>    ::= ('#' | '&') <chstring>
      <servername> ::= <host>
      <host>       ::= see RFC 952 [DNS:4] for details on allowed hostnames
      <nick>       ::= <letter> { <letter> | <number> | <special> }
      <mask>       ::= ('#' | '$') <chstring>
      <chstring>   ::= <any 8bit code except SPACE, BELL, NUL, CR, LF and comma (',')>
      <user>       ::= <nonwhite> { <nonwhite> }
      <letter>     ::= 'a' ... 'z' | 'A' ... 'Z'
      <number>     ::= '0' ... '9'
      <special>    ::= '-' | '[' | ']' | '\' | '`' | '^' | '{' | '}'
      <nonwhite>   ::= <any 8bit code except SPACE (0x20), NUL (0x0), CR(0xd), and LF (0xa)>
      
  • 접속 과정
      • PING <msg>
        • PONG <msg> 로 보내주면 된다
    • 로그인
      • USER <name> <host> <user> :<Real Name>
        • name : 접속하는 사용자의 이름(사용자 정보에서 이메일 형식으로 나옴)
        • host, user : 호스트와 유저 이름이지만 실제 영향력은 없는듯..
        • Real Name : 사용자 정보에서 나오는 이름
      • NICK <nick>
        • nick : 실제 대화명(닉네임)
    • 보통 위의 과정을 거치면 환영 메시지가 나옴
  • 대화
    • PRIVMSG <nick|channel>[,<nick|channel>...] <message>
      • 수신자
        • channel : 채널명
      • message : 대화 내용
    • NOTICE 상동
    • PRIVMSG와 NOTICE의 차이점 확인할것
  • 채널 입장
    • JOIN <channel>
      • 471 ERR_CHANNELISFULL "<channel> :Cannot join channel (+l)"
      • 473 ERR_INVITEONLYCHAN "<channel> :Cannot join channel (+i)"
      • 474 ERR_BANNEDFROMCHAN "<channel> :Cannot join channel (+b)"
      • 475 ERR_BADCHANNELKEY "<channel> :Cannot join channel (+k)"
      • 465 ERR_YOUREBANNEDCREEP ":You are banned from this server"
      • 464 ERR_PASSWDMISMATCH ":Password incorrect"
  • 채널 퇴장
    • PART <channel>
  • 채널 관리(채널 오퍼레이터용)
    • MODE <channel> <mode> <nick|params>
      • params : 파라메터
      • (+|-)mode
        • o : 채널의 오퍼레이터 권한을 주거나 뺏는다
        • p : 비공개채널
        • s : 비밀채널
        • i : 초대만 가능한 채널
        • m : 제한된 채널
        • t : 오퍼레이터만 방제를 바꿀수있게한다
        • n : 밖에서 온 클라이언트의 메세지는 채널에 전달되지않는다
        • l : 채널에 들어올수있는 사용자의 수를 제한한다
        • b : 사용자를 계속 내보낼수있게 금지하는마스크
        • v : 제한된 채널에서 말할수있는 권한을 주거나 뺐는다
        • k : 채널에 비밀번호를 지정해놓는다
      • 324 RPL_CHANNELMODEIS "<channel> <mode> <mode params>"
      • 482 ERR_CHANOPRIVSNEEDED "<channel> :You're not channel operator"
      • 472 ERR_UNKNOWNMODE "<char> :is unknown mode char to me"
      • 467 ERR_KEYSET "<channel> :Channel key already set"
  • 토픽 변경
    • TOPIC <params>
      • 331 RPL_NOTOPIC "<channel> :No topic is set"
      • 332 RPL_TOPIC "<channel> :<topic>"
  • 목록 얻기
    • NAMES [<channel>[,<channel>]]
      • 채널명과 그 채널의 사용자 목록을 얻음
        • 353 RPL_NAMREPLY "<channel> :[[@|+]<nick> [[@|+]<nick> [...]]]"
        • 366 RPL_ENDOFNAMES "<channel> :End of /NAMES list"
    • LIST [<channel>[,<channel>]]
      • 채널명과 토픽명을 얻음
        • 비공개 채널일 경우 토픽명을 얻을수 없음
        • 비밀 채널일 경우 목록에 추가되지 않음
          • 321 RPL_LISTSTART "Channel :Users Name"
          • 322 RPL_LIST "<channel> <# visible> :<topic>"
          • 323 RPL_LISTEND ":End of /LIST"
  • 접속 종료
    • QUIT [message]
      • message : 종료시 표시될 메시지
신고
Posted by naearu
Controlling PHP Output: Caching and compressing dynamic pages
(PHP 출력 제어하기 : 동적 페이지를 케싱하고 압축하기)

mod_gzip 은 gzip encoding을 지원하는 브라우저(IE Netscape 등)를 위한 IETF 표준에 따라 Gzip을 사용해서 정적 html 페이지를 압축하는 아파치 모듈입니다. mod_gzip은 다운로드시간은 4/5배 정도 더 빠르게 만들어 줍기 때문에 웹 서버에서 mod_gzip을 사용하길 강력 추천합니다. 그러나 Apache 1.x.x에서 모듈간의 필터링 메커니즘이 없기 때문에 PHP가 생성한 출력을 mod_zip으로 압축하는 것은 불가능합니다. 그렇기 때문에 직접 PHP로 압축엔진을 제작해 주어야합니다. 이 글에서는 PHP출력 제어 함수를 사용해서 페이지가 빨리! 뜨게 하는 방법을 설명합니다.

- PHP 출력 제어 함수란

PHP4의 좋은 점 중 하나는 PHP의 모든 출력을 버퍼에 담을 수 있다는 점입니다. 즉 출력이 직접 그 내용을 전송하기 전까지 브라우저로 전송되지 않게 할 수 있습니다. 이 함수는 header()나 setcookie()함수와 같이 내용이 전송되기 전에 호출되어야 하는 함수와 같이 사용됩니다. 그러나 이 용법은 출력 제어함수의 이점의 일부밖에 되지 않습니다.

void ob_start(void);

이 함수는 PHP 실행기에게 스크립트의 모든 출력을 내부 버퍼에 저장하게 합니다. ob_start()함수가 호출된 이후에는 이떠한 출력도 브라우저로 전송되지 않습니다.

string ob_get_contents(void);

이 함수는 내부 버퍼의 내용을 문자열로 리턴해 줍니다. 이 함수를 사용해서 버퍼에 축적된 출력을 (버퍼 기능을 off한 다음에) 읽어올 수 있습니다.

int ob_get_length(void);

버퍼에 축적된 내용의 길이를 리턴합니다.

void ob_end_clean(void);

버퍼 내용을 지우고 버퍼 기능을 off합니다. 내용을 브라우저로 전송하려면 이 함수를 사용해서 버퍼링 기능을 off해야합니다.

void ob_implicit_flush ([int flag])

이 함수는 자동 플러쉬(implicit flush)를 하게 합니다. 기본 값은 off입니다. 이 값이 on이면 모든 print/echo 함수가 호출될 때마다 flush가 실행되어서 즉시 브라우저로 전송되는 효과를 가져옵니다.

- PHP 출력을 압축하기 위해 출력 제어 함수 사용하기

출력을 압축하려면 PHP4를 컴파일 할 때 Zlib 확장기능을 추가해야 합니다.

1단계 : 출력 버퍼링을 초기화해줍니다.

<?php

ob_start();
ob_implicit_flush(0);

?>

2 단계 : 출력하고자 하는 내용을 print 든 echo든 뭐든지 간에 그냥 출력합니다. (브라우저에는 출력되지 않고 버퍼에 내용이 쌓입니다)

<?php

print("Hey this is a compressed output!");

?>

3단계 : 이렇게 버퍼에 쌓인 페이지를 읽어 옵니다.

<?php

$contents = ob_get_contents();
ob_end_clean();

?>

4단계 : 브라우저가 압축된 데이터를 지원하는지 검사합니다. 지원 여부는 브라우저가 서버에 request할 때 ACCETP_ENCODING 헤더(http 헤더)를 포함하고 있다는 점을 이용합니다. 즉 $HTTP_ACCEPT_ENCODING 변수에 "gzip, deflate"라는 내용이 있는지 검사합니다.

<?php

if(ereg('gzip, deflate',$HTTP_ACCEPT_ENCODING)) {
// 여기서 gzip으로 압축해서 내용을 전송
} else {
echo $contents;
}

?>

그렇게 복잡하지 않습니다. 이제 gzip으로 압축한 정보를 어떻게 생성하는지 한번 살펴봅시다.

(php.net에서 인용한 소스)

<?php

// Tell the browser that they are going to get gzip data
// Of course, you already checked if they support gzip or x-gzip
// and if they support x-gzip, you'd change the header to say
// x-gzip instead, right?
header("Content-Encoding: gzip");

// Display the header of the gzip file
// Thanks ck@medienkombinat.de!
// Only display this once
echo "x1fx8bx08x00x00x00x00x00";

// Figure out the size and CRC of the original for later
$Size = strlen($contents);
$Crc = crc32($contents);

// Compress the data
$contents = gzcompress($contents, 9);

// We can't just output it here, since the CRC is messed up.
// If I try to "echo $contents" at this point, the compressed
// data is sent, but not completely. There are four bytes at
// the end that are a CRC. Three are sent. The last one is
// left in limbo. Also, if we "echo $contents", then the next
// byte we echo will not be sent to the client. I am not sure
// if this is a bug in 4.0.2 or not, but the best way to avoid
// this is to put the correct CRC at the end of the compressed
// data. (The one generated by gzcompress looks WAY wrong.)
// This will stop Opera from crashing, gunzip will work, and
// other browsers won't keep loading indefinately.
//
// Strip off the old CRC (it's there, but it won't be displayed
// all the way -- very odd)
$contents = substr($contents, 0, strlen($contents) - 4);

// Show only the compressed data
echo $contents;

// Output the CRC, then the size of the original
gzip_PrintFourChars($Crc);
gzip_PrintFourChars($Size);

// Done. You can append further data by gzcompressing
// another string and reworking the CRC and Size stuff for
// it too. Repeat until done.

function gzip_PrintFourChars($Val) {
for ($i = 0; $i < 4; $i ++) {
echo chr($Val % 256);
$Val = floor($Val / 256);
}
}

?>

If you want to test it as a working example, the whole script is:

<?php

// Start the output buffer
ob_start();
ob_implicit_flush(0);

// Output stuff here...
print("I'm compressed!n");

$contents = ob_get_contents();
ob_end_clean();

// Tell the browser that they are going to get gzip data
// Of course, you already checked if they support gzip or x-gzip
// and if they support x-gzip, you'd change the header to say
// x-gzip instead, right?
header("Content-Encoding: gzip");

// Display the header of the gzip file
// Thanks ck@medienkombinat.de!
// Only display this once
echo "x1fx8bx08x00x00x00x00x00";

// Figure out the size and CRC of the original for later
$Size = strlen($contents);
$Crc = crc32($contents);

// Compress the data
$contents = gzcompress($contents, 9);

// We can't just output it here, since the CRC is messed up.
// If I try to "echo $contents" at this point, the compressed
// data is sent, but not completely. There are four bytes at
// the end that are a CRC. Three are sent. The last one is
// left in limbo. Also, if we "echo $contents", then the next
// byte we echo will not be sent to the client. I am not sure
// if this is a bug in 4.0.2 or not, but the best way to avoid
// this is to put the correct CRC at the end of the compressed
// data. (The one generated by gzcompress looks WAY wrong.)
// This will stop Opera from crashing, gunzip will work, and
// other browsers won't keep loading indefinately.
//
// Strip off the old CRC (it's there, but it won't be displayed
// all the way -- very odd)
$contents = substr($contents, 0, strlen($contents) - 4);

// Show only the compressed data
echo $contents;

// Output the CRC, then the size of the original
gzip_PrintFourChars($Crc);
gzip_PrintFourChars($Size);

// Done. You can append further data by gzcompressing
// another string and reworking the CRC and Size stuff for
// it too. Repeat until done.


function gzip_PrintFourChars($Val) {
for ($i = 0; $i < 4; $i ++) {
echo chr($Val % 256);
$Val = floor($Val / 256);
}
}

?>

(주 : ^^; 주석이 넘 길군요.....ㅠ,.ㅠ 회사일이 넘 많아서 번역 생략. 용서 ok?)

- PHP 출력을 caching하기

PHP4가 나오기 전에는 PHP3로 데이터베이스와 파일시스템 등에 걸리는 부하를 줄이기 위해 caching 메커니즘을 개발하는데 관심이 많았습니다. PHP4에서는 출력 버퍼링이라는 기능 대문에 훨씬 간단하게 구현할 수 있게 되었습니다.
다음은 그 간단한 예제입니다.

<?php

// 요청한 URI에 대한 cache 파일명을 임의로 생성
$cached_file=md5($REQUEST_URI);

// cache파일이 존재하지 않거나
// cache파일을 새로 만들어야 할 때에만 if절 내부 실행
if((!file_exists("/cache/$cached_file"))||(!is_valid("/cache/$cached_file"))) {
// is_valid함수는 cache파일을 검사하기 위해 자신이 직접 작성합니다.
// 즉 파일이 오래 되었는지...등의 검사를 해서 cache파일이 새로 작성되어야
// 하는지를 알 수 있도록 합니다.

ob_start();
ob_implicit_flush(0);

// 실제 이 페이지의 출력 부분.......

$contents = ob_get_contents();
ob_end_clean();

// cache파일 생성
$fil=fopen($cached_file,"w+");
fwrite($fil,$contents,$strlen($contents));
fclose($fil);
}

// cache 파일 출력
readfile($cached_file);

?>

이 예제는 간단한 예제입니다. 출력 버퍼링을 사용하면 꽤 진보된 내용 생성 시스템을 구축할 수 있습니다. 출력 버퍼링을 사용하면 XML과 XSLT를사용해서 XML제어에도 많은 이득을 볼 수 있습니다.

- 역자 주
여기서 서술한 내용은 여러분들의 gzip과 mod_gzip 출력 제어 함수 등의 내용을 공부하시는데 도움이 되었으면 하고 번역했습니다. 실제로 이 과정은 단 한 줄로 끝낼 수도 있고 php.ini등으로 자동으로 되게끔 셋팅할 수도 있습니다.
다음 라인을 스크립트 가장 처음에 추가하면 출력되는 정보가 자동으로 압축됩니다.

ob_start("ob_gzhandler");

또는 다음 라인을 php.ini에 넣으면 자동으로.... ^^;

output_handler = ob_gzhandler

출력 버퍼링이 대한 좋은 글은 http://www.zend.com/zend/art/buffering.php를 참고합니다.
신고
Posted by naearu
연구_고민2008.02.02 01:19
API Description Category Updated
Google AdSense Advertising management Advertising 2006-06-04
Google AdWords Search advertising Advertising 2006-05-14
Lat49 Geo-targeted advertising for online maps Advertising 2008-01-05
Microsoft adCenter Online advertisting services Advertising 2006-09-25
Right Media Exchange Advertising management Advertising 2007-12-31
UrlTrends Link tracking and search optimization Advertising 2005-09-08
Wordtracker Search engine optimization services Advertising 2006-02-14
Yahoo Ads Online ad management Advertising 2006-04-25
Yahoo Search Marketing Search advertising platform Advertising 2007-06-04
Answerbag Questions and answers service Answers 2007-02-15
True Knowledge General question and answers service Answers 2007-12-06
Blogwise Blog and feed search service Blog Search 2005-11-19
myFeedz Blog services Blog Search 2008-02-09
PubSub Blog and feed search Blog Search 2005-09-04
Spinn3r Blog search index service Blog Search 2007-12-13
SplogSpot Database of spam blogs Blog Search 2006-01-24
Tailrank Blog search and news aggregation service Blog Search 2006-01-22
Technorati Blog search services Blog Search 2006-02-15
Akismet Blog spam prevention service Blogging 2006-09-27
AOL Journals Blogging platform Blogging 2007-10-02
Blogger Blogging services Blogging 2006-02-08
Disqus Blog comments management Blogging 2008-01-27
FeedBlitz Blogs by email service Blogging 2006-12-26
FeedBurner Blog promotion tracking service Blogging 2006-02-15
Freewebs Web publishing platform Blogging 2007-09-27
LiveJournal Blogging software Blogging 2005-09-06
Performancing Blog management Blogging 2006-06-19
Poodz Microblogging service Blogging 2007-12-11
PostMapper Mapping service for blog posts Blogging 2008-02-10
TypePad Blog management Blogging 2005-09-04
Weblogs Blog ping service Blogging 2006-06-23
Windows Live Spaces Blog services Blogging 2006-01-19
BibSonomy Social bookmarking Bookmarks 2007-12-09
Blogmarks Social bookmarking Bookmarks 2005-10-30
Blue Dot Content sharing community Bookmarks 2006-09-18
Cogenz Social bookmarking service Bookmarks 2007-09-20
Connotea Bookmark and reference sharing for researchers Bookmarks 2007-10-20
del.icio.us Social bookmarking Bookmarks 2005-10-30
GroupMe Social bookmarking Bookmarks 2007-12-25
Jots Social bookmarking Bookmarks 2005-12-13
linkaGoGo Social bookmarking service Bookmarks 2006-03-09
Ma.gnolia Social bookmarking service Bookmarks 2006-05-29
OnlyWire Social bookmarklet service Bookmarks 2006-03-01
Rrove Social Bookmarking for Places Create & Share Maps Bookmarks 2006-02-23
Scribble Link manager Bookmarks 2005-09-07
Shadows Social bookmarking and community Bookmarks 2005-11-19
Simpy Social bookmarking Bookmarks 2005-10-30
30 Boxes Calendar service Calendar 2006-02-24
Google Calendar Calendar service Calendar 2006-04-20
Spongecell Online calendar service Calendar 2006-08-25
hon.jp Japanese eBook metadata service Catalog 2006-06-14
AOL Instant Messenger Instant messaging chat service Chat 2006-03-30
AOL Presence Online presence service Chat 2006-03-30
Google Talk Chat application Chat 2005-12-03
Gtalkr Flash chat wrapper for Gtalk Chat 2005-12-03
IMified Instant messenger buddy Chat 2007-07-08
Lingr Online chatroom services Chat 2007-01-30
Meebo Web based messaging platform Chat 2007-11-02
MSN Messenger Chat and messaging Chat 2005-12-08
WebAIM Web based instant messaging Chat 2006-12-01
Yahoo Messenger Instant messaging Chat 2006-06-21
Bebo Social network Community 2007-12-12
Cambrian House Crowdsourcing service Community 2007-10-10
coRank Distributed user reviews service Community 2007-08-13
Facebook Social networking service Community 2006-08-16
Flux Social networking platform from Viacom Community 2008-02-16
Friendster Social networking service Community 2007-10-25
Google Social Graph Search service for finding social connections Community 2008-02-01
Hi5 Social network service Community 2007-10-12
LinkedIn Business social networking platform Community 2007-12-10
MyBlogLog Social footprint sharing service Community 2008-01-19
MySpace Social networking service Community 2007-12-31
Ohloh Open source software directory and community Community 2008-01-03
OpenSocial Common APIs for building social applications Community 2007-11-04
Orkut Social network from Google Community 2007-11-08
PartySpark Social events service Community 2006-11-18
PeopleAggregator Social networking platform and service Community 2007-12-29
Pownce Social networking and micro-blogging service Community 2007-11-02
RapLeaf Portable reputation system Community 2006-08-13
RockYou Super Wall Platform for content sharing within Facebook Community 2007-08-07
Slifeshare Lifestreaming network Community 2007-11-28
Tumblr Web scrapbook post and view service Community 2008-02-10
Twitter Community site Community 2006-12-08
Wakoopa Software usage community service Community 2007-12-26
Amazon SimpleDB Online database service Database 2007-12-16
Carma Carbon emissions data Database 2007-11-26
DabbleDB Online database service Database 2007-01-07
Freebase Community driven open database Database 2007-10-13
gubb List creation and management Database 2007-05-15
HotOrNot Dating rating site Dating 2005-10-30
AOL Open Mail Email services Email 2008-01-08
Email Address Validator Email address validation service Email 2006-11-11
Email2HTTP Email delivery services Email 2008-01-04
ExactTarget Email delivery services Email 2006-06-13
Google Apps Email Migration Migrate existing email systems to Google Apps Email 2007-11-18
IntelliContact Email marketing service Email 2007-05-15
JangoMail Bulk email service Email 2006-08-20
Mailbuild Email forms and templates service Email 2007-04-15
MailChimp Email campaign management service Email 2007-12-21
Orange Email Email service Email 2008-02-10
Publicaster Email marketing management Email 2007-08-14
StrikeIron Email Verification Email verification service Email 2006-09-29
Undisposable Collaborative protection against disposable email Email 2007-11-12
VerticalResponse Email management services Email 2007-04-26
Webmail.us Email hosting service Email 2007-02-10
WhatCounts Email management services Email 2007-03-10
Yahoo Mail Web based email system Email 2007-03-28
Employease On-demand human resource management Enterprise 2007-04-01
Google Provisioning User provisioning for Google Apps Enterprise 2007-02-23
Highrise Online contact manager and CRM Enterprise 2007-11-18
Lokad Online time series forecaster Enterprise 2007-05-22
NetDocuments Enterprise document management service Enterprise 2007-04-23
NetSuite On-demand business application suite Enterprise 2007-04-01
OnForce Work order handling service Enterprise 2007-12-30
Persony Conferencing and collaboration services Enterprise 2008-02-07
Plaxo Address book management Enterprise 2006-02-03
QuickBase Workgroup applications management Enterprise 2008-01-03
Salesforce.com CRM services Enterprise 2005-11-09
WebEx Conferencing and collaboration services Enterprise 2006-12-08
Workday ERP business services Enterprise 2008-01-02
Eventfinder New Zealand events calendar Events 2007-04-02
Eventful Events discovery and demand Events 2005-10-31
Spraci Events and clubs database Events 2006-02-14
Upcoming.org Collaborative event calendar Events 2005-11-19
Zvents Local events search and community Events 2006-02-14
Interfax Fax services Fax 2006-08-31
Bloglines Online feed aggregator Feeds 2005-09-04
fav.or.it RSS reader and blog platform Feeds 2008-02-10
Google Ajax Feeds Access RSS and Atom feeds with JavaScript Feeds 2007-04-20
NewsGator Feed aggregation Feeds 2005-09-04
Syndic8 News feed aggregation services Feeds 2005-11-03
FilesTube Search engine for files File Sharing 2007-12-23
Pando File delivery and management services File Sharing 2008-02-03
Prodigem File sharing via BitTorrent File Sharing 2005-10-30
Amazon DevPay License Service Amazon web services licensing Financial 2008-01-01
Blinksale Online invoicing services Financial 2006-11-01
Currency Rates Currency rates for 115 countries Financial 2006-10-15
Dun and Bradstreet Credit Check Credit quick check web service Financial 2006-12-13
FreshBooks Online invoicing and time tracking Financial 2006-09-19
Gastus Expense tracking Financial 2008-01-06
KashFlow Online accounting software Financial 2007-07-25
Moneytrackin Expense tracking Financial 2007-04-02
NetAccounts Online accounting service Financial 2006-03-27
Prosper Peer-to-peer lending network Financial 2007-05-07
StrikeIron Historical Stock Quotes Stock price quotes for US equities Financial 2006-10-31
StrikeIron Mutual Funds Historical mutual funds price service Financial 2006-11-19
StrikeIron Stock Quotes Basic Real-time stock quotes Financial 2006-09-18
Wesabe Personal finance management and community Financial 2007-07-12
Xignite Realtime U.S. Real-Time Stock Market Quotes Financial 2007-10-01
XigniteCurrencies Real-time currency exchange rates Financial 2008-01-26
XigniteRates International interest rate data Financial 2008-01-26
Food Candy Social site for foodies Food 2006-08-07
Aevum Obscurum Online multiplayer strategy game Games 2007-11-28
Bunchball Multiplayer game platform Games 2006-02-03
BuzzGame Search based game Games 2006-02-02
Dominions Dice Dice throwing service Games 2006-08-15
EVE Online Massively multiplayer online science fiction games Games 2007-07-15
Social Gaming Network Developer platform for social games Games 2008-02-14
Zynga Developer platform for social games Games 2008-02-14
Cicero Lookup service for US Elected Officials by Address Government 2007-04-10
Civic Footprint Political geography lookup for Illinois Government 2006-05-19
Democracy In Action eAdvocacy services for nonprofits Government 2007-03-05
FedSpending.org Database of US government spending Government 2007-04-26
Follow The Money Database of US campaign contributions Government 2006-11-02
GovTracker Rhode Island state data services Government 2006-07-19
LOUIS US federal documents database Government 2007-06-29
Maplight Government database linking contributions and votes Government 2007-11-04
Open Patent Services European Patent Office web services Government 2007-06-26
Sunlight Labs US Congress database service Government 2007-02-27
TheyWorkForYou Track the UK Parliament Government 2007-02-26
USAspending Database of US government spending Government 2008-01-04
Who is my Representative Database of US congressional representatives Government 2007-02-20
Alexa Site Thumbnail Thumbnail images of web site home pages Internet 2006-08-04
Alexa Top Sites Web site traffic rankings Internet 2006-08-04
Amazon EC2 Elastic Compute Cloud virtual hosting Internet 2006-08-25
Clicky Web site analytics Internet 2007-07-27
Compete Internet web site metrics and analytics Internet 2007-02-26
Cordurl Geo coordinate translation service Internet 2007-02-15
Cownt Us Web site analytics Internet 2007-12-09
Dapper Service for API creation Internet 2006-08-18
Domain Tools Internet domain name lookup services Internet 2007-03-10
durl.us URL shortening service Internet 2006-05-19
ecommstats Web analytics Internet 2005-12-28
FormSpring Online forms service Internet 2007-09-16
G8L.US URL shortening service Internet 2008-02-10
hostip.info IP lookup Internet 2005-09-04
HTML2PDF HTML to PDF conversion service Internet 2007-05-14
Internet Archive Non-profit Internet library Internet 2005-09-10
IP Address Lookup Determine IP address from domain name Internet 2006-12-13
Mint Web site metrics and reporting Internet 2006-01-06
Mon.itor.us Web site monitoring services Internet 2007-03-10
MyNotify Feed publication service Internet 2006-12-13
Nenest Web forms and application framework Internet 2007-04-15
Outune Web map engine service Internet 2006-10-22
Pingdom Web site monitoring and reporting services Internet 2006-11-29
Qurl URL redirection services Internet 2005-12-28
SimpleAPI Web site thumbnail image creation Internet 2008-02-14
SoftLayer Systems management and monitoring Internet 2007-05-29
Tinylink URL shortening service Internet 2007-10-25
unAPI Proposal for web clipboard Internet 2006-03-28
W3Counter Web site metrics tools Internet 2006-06-01
Webride Attaches discussions to any site Internet 2006-06-06
WebSitePulse Web site and application monitoring service Internet 2007-12-25
WebThumb Thumbnail image generation service Internet 2006-11-01
Windows Live Admin Center Web site administration services Internet 2007-01-29
Yahoo Site Explorer Web site analysis service Internet 2007-02-01
indeed Job search services Job Search 2005-09-04
SmashFly Job board posting service Job Search 2006-01-08
ArcWeb Mapping and GIS services Mapping 2006-02-09
BigTribe Location based advertising Mapping 2007-04-15
deCarta Location-based services Mapping 2005-09-11
EarthTools Web services for geographical information Mapping 2007-01-03
FeedMap Blog geo-coding Mapping 2006-02-15
Garmin MotionBased GPS services and mapping Mapping 2007-06-05
geocoder Geocoding services for US Mapping 2006-02-15
geocoder.ca Geocoding services for Canada Mapping 2006-02-15
GeoIQ Geospatial analysis and heat mapping service Mapping 2006-11-15
GeoNames Geographic name and postal code lookup Mapping 2006-01-12
GeoSmart New Zealand geospatial and mapping services Mapping 2007-11-18
GetMapping Aerial photography and mapping service Mapping 2007-08-15
GlobeXplorer Mapping services Mapping 2006-07-09
Google Maps Mapping services Mapping 2005-12-05
HopStop Mass transit and walking directions Mapping 2007-05-15
iShareMaps On Demand UK Postcode Geocoder Mapping 2006-05-22
Map24 AJAX API Mapping services Mapping 2006-09-01
Mappr Photo mapping Mapping 2006-02-14
MapQuest Online mapping service Mapping 2006-03-07
Mapstraction Mapping API abstraction layer Mapping 2006-07-04
MetaCarta Location and geotagging services Mapping 2006-07-05
Microsoft MapPoint Mapping services Mapping 2005-11-19
Microsoft Virtual Earth Mapping services Mapping 2005-12-02
Multimap Global online mapping service Mapping 2007-03-23
NASA Satellite mapping images Mapping 2005-09-06
Naver Maps Korean mapping service Mapping 2006-08-15
Nearby.org.uk Geocoding service for UK Mapping 2006-03-22
Ontok Geocode any US address Mapping 2005-11-01
OpenLayers Mapping API abstraction layer Mapping 2006-07-09
OpenStreetMap The Free Wiki World Map Mapping 2005-12-28
Ordnance Survey OpenSpace Online mapping service Mapping 2007-12-18
Platial Collaborative geographic service Mapping 2006-08-31
Plazes Location discovery service Mapping 2005-09-04
Poly9 FreeEarth 3D mapping service Mapping 2007-05-10
Pushpin Mapping service Mapping 2006-09-22
Urban Mapping Urban geo-spatial data services Mapping 2007-05-22
USGS Elevation Query Service Determine elevation based on latitude and longitude Mapping 2007-01-23
ViaMichelin Mapping, directions, and travel booking services Mapping 2007-06-20
Wayfaring Map creation and sharing service Mapping 2006-02-24
WHERE GPS Mobile GPS widget platform Mapping 2006-06-06
Where Is Tim Web Service Location tracking Mapping 2006-09-11
Where2GetIt Geospatial Non-mapping geospatial services Mapping 2006-11-12
Where2GetIt SlippyMap Online mapping service Mapping 2006-11-12
Whereis Australian and New Zealand mapping service Mapping 2007-04-15
Wigle Wireless network mapping Mapping 2005-10-09
Yahoo Geocoding Geocoding services Mapping 2006-02-14
Yahoo Map Image Map image creation service Mapping 2005-11-19
Yahoo Maps Mapping services Mapping 2005-11-19
ZeeMaps Embedded maps and international geocoding Mapping 2006-02-23
ZoomIn New Zealand mapping service Mapping 2006-05-10
BBC Multimedia archive database Media Management 2006-05-05
Cellblock Real-time Multimedia File Sharing Media Management 2007-11-18
Grouper Video Video sharing service Media Management 2006-03-20
Ipernity Media sharing service Media Management 2007-08-27
Orb Digital media remote access and management Media Management 2005-09-25
Phanfare Photo and video sharing service Media Management 2007-01-20
Streamload Online media storage Media Management 2006-03-10
Yahoo Audio Search Music search services Media Search 2005-09-04
cPath Medical database lookup Medical 2005-09-04
Kegg Bioinformatics data services Medical 2006-08-23
NCBI Entrez Life sciences search services Medical 2006-07-16
SeqHound Bioinformatics research database Medical 2005-09-04
411Sync SMS, WAP, and email messaging Messaging 2006-02-08
aql SMS solutions portal Messaging 2007-07-01
Clickatell SMS Messaging services Messaging 2006-09-07
Esendex Esendex Business SMS Text Messaging Service Messaging 2007-08-06
Jaiku Social messaging service Messaging 2007-05-07
Jott Voice to email and text service Messaging 2007-12-25
Mobivity SMS marketing messaging service Messaging 2007-01-19
Movil SMS messaging Messaging 2005-10-05
Orange SMS SMS text messaging service Messaging 2008-02-10
PartySync Messaging services Messaging 2005-12-31
sabifoo IM to RSS conversion service Messaging 2006-05-02
smsBug SMS messaging services Messaging 2006-02-23
StrikeIron Global SMS Pro SMS messaging services Messaging 2007-03-05
StrikeIron Mobile Email Mobile email messaging service Messaging 2006-09-14
Textamerica Moblogs Messaging 2006-01-22
Thumbplay Mobile content provider Messaging 2007-10-11
Trekmail Messaging services Messaging 2005-09-05
Twittervision Location based data for the Twitter service Messaging 2007-04-23
Userplane Communication software for online communities Messaging 2006-12-01
Vazu SMS messaging service Messaging 2005-11-27
Vodafone Betavine Mobile web services Messaging 2007-06-11
Windows Live Messenger IM Control Web based chat service Messaging 2008-01-13
Windows Live Presence Online presence service Messaging 2008-01-13
Digital Podcast Podcast search Music 2005-09-04
Discogs Music database Music 2007-08-27
Faces.com Photo and media sharing service Music 2007-02-16
Feedcache Feed caching service Music 2006-06-27
Freedb / CDDB Online CD catalog service Music 2005-09-04
Gruvr Live music and concert information Music 2007-12-31
JamBase Live music and concert information Music 2007-09-27
Last.fm Music playlist management Music 2005-10-30
Lyricsfly Song lyrics search engine Music 2008-01-02
MP3Tunes Music services Music 2006-07-16
MusicBrainz Music metadata community service Music 2006-07-16
MusicDNS.org Music fingerprinting service Music 2006-07-16
MusicMobs Social music service Music 2006-07-16
OpenStrands Music recommendation and discovery Music 2006-05-18
RadioTime Music and talk radio service Music 2007-12-31
Rhapsody Online music services Music 2006-06-01
SeeqPod Music recommendation service Music 2006-11-04
SNOCAP Digital music marketplace Music 2007-04-03
soundtoys Visual artists works repository Music 2006-03-01
Tunelog Music metadata management Music 2006-04-23
WebJay Music playlist management Music 2005-09-04
Winamp Customizable music player Music 2006-12-01
Yahoo Music Engine Desktop music player Music 2005-11-09
AmphetaRate News aggregator News 2005-09-18
ClearForest Semantic Web Services1 Natural language processing tools News 2006-10-10
Daylife Online News Service News 2007-08-08
Digg Community driven news links and ratings News 2007-04-20
Findory Personalized news aggregation News 2006-01-22
Macromedia News Aggregator Data access service News 2006-03-02
Moreover News delivery News 2005-09-12
NewsCloud Social news service News 2006-10-16
NewsIsFree Online news aggregation News 2005-12-28
Backpack Online information manager Office 2006-02-08
Big Contacts Web based contact management Office 2007-03-16
EditGrid Online spreadsheet Office 2006-07-29
Google Documents List Document management services Office 2007-08-07
Google Spreadsheets Online spreadsheets Office 2006-12-02
MindMeister Collaborative online mind mapping Office 2008-02-10
Numbler Online spreadsheet service Office 2006-06-15
SlideShare Presentation sharing community Office 2007-07-26
ThinkFree Document management services Office 2007-12-26
Zoho Online office suite Office 2006-12-01
43Things Social goal setting Other 2005-10-30
activeRenderer Outline publishing for Radio UserLand Other 2005-09-04
Adobe on AIR Bus Tour Services to track Adobe AIR product launch Other 2007-07-13
Amazon Mechanical Turk Request services of humans Other 2006-01-22
Amazon Queue Service Internet-based queuing service Other 2006-08-03
AMEE Avoiding Mass Extinctions Engine - CO2 calculations Other 2007-09-21
Amnesty International Database of censored sites and data Other 2006-10-28
Approver Services for document approval and review Other 2006-11-24
Autodesk Freewheel CAD model viewing, printing and collaboration Other 2007-07-12
Betfair Online betting exchange Other 2006-03-09
Bible Gateway Bible lookup services Other 2007-07-23
Bible Lookup Bible lookup service Other 2006-01-14
bLaugh Comics Online comic strip Other 2006-10-28
BT Web21C Communications services APIs Other 2007-03-07
CafeSpot Social guide to cafes Other 2006-02-08
Calais Semantic data search and extraction service Other 2008-01-31
Cdyne Data delivery services Other 2005-10-01
Cdyne Notify Create voice messages from text Other 2006-11-24
CommonTimes Community based media distribution Other 2005-10-04
Convio Non profit online fundraising Other 2007-10-25
Creative Commons Licensing engine integration Other 2005-09-04
Dropcash Fundraising tools Other 2006-02-15
EchoSign Document management and verification service Other 2006-11-29
Engagd Attention data management platform Other 2007-08-05
eSideWalk Community networking site Other 2006-02-05
ESV Bible Lookup Bible lookup service Other 2005-09-04
FeedFlow Feed monitoring service Other 2006-02-23
Google Chart Chart creation service Other 2007-12-06
Google Gears Tools for offline browser extensions Other 2007-05-31
GraphMagic Graph and chart services Other 2005-09-12
Haystack Networking Social networking for business Other 2006-10-10
iGoogle Themes Google homepage design service Other 2008-01-19
Kintera Fundraising and donor management Other 2008-02-11
Kuler Adobe web service for creating color themes Other 2007-09-01
Litmus Cross-browser compatibility testing Other 2008-01-06
Living Stones Bible lookup service Other 2006-04-11
Lulu Publishing Programmatically publish books Other 2007-12-04
Microsoft Silverlight Streaming Streaming application management service Other 2007-05-01
MuseStorm Web services tools Other 2007-04-01
Ning Service creation playground Other 2005-10-11
Pathfinder Air cargo tracking service Other 2006-04-17
Random House Book search and viewing service Other 2007-08-14
Raw Sugar Web directory service Other 2006-03-06
SecondLife Virtual world Other 2006-01-29
SharedBook On-demand reverse publishing system Other 2007-04-10
Skyhook Wireless Wifi positioning services Other 2006-07-29
Snipplr Code sharing service Other 2007-12-30
Sparklines Graph generation service Other 2006-04-01
StrikeIron API marketplace services Other 2006-09-27
StrikeIron Address Distance Calculation of distances between addresss Other 2006-08-23
StrikeIron Tax Service Sales tax reference lookup Other 2006-08-29
StrikeIron US Addresses US address verification service Other 2006-08-29
Tabblo Web based printing service from HP Other 2007-07-02
Taleo Workforce management services Other 2006-09-07
TeamDesk Web based database application service Other 2006-12-18
The Astrologer Astrology services Other 2007-05-15
Topicalizer Document analysis service Other 2006-03-23
TradeSports Online sports betting exchange Other 2006-11-12
Trynt Term extraction service Other 2006-05-21
Tutorials Garden Online tutorials service Other 2007-01-29
voo2do Task management Other 2006-02-14
We Feel Fine Art project that harvests feelings from blogs Other 2007-08-05
WebPurify Profanity filtering service Other 2007-01-14
Wufoo Online forms creation service Other 2007-03-17
Yahoo Traffic Traffic data and routing Other 2005-11-19
ZipCodes Simple zip code lookup service Other 2005-10-31
ZoomClouds Tag cloud service Other 2006-03-01
OReilly Safari Book search Other Search 2005-09-04
Amazon Flexible Payments Service eCommerce payments service Payment 2007-08-03
PayPal Online payments Payment 2005-09-04
23 Photo sharing service Photos 2006-02-13
AOL Pictures Online photo management Photos 2006-10-01
Buzznet Photo sharing Photos 2005-10-30
Flickr Photo sharing service Photos 2005-09-04
FotoFlexer Online image editor Photos 2007-09-12
Fotolia Royalty free stock photos Photos 2007-01-01
Google Picasa Photo management and sharing service Photos 2007-03-23
imageLoop Animated slideshow service Photos 2007-01-14
Panoramio photo upload site with organizer and geolocation Photos 2007-06-12
Picnik Online photo editing service Photos 2007-11-04
Pikeo Picture sharing service Photos 2007-10-07
Pixagogo Online photo services Photos 2006-02-14
Pixenate Online photo editing Photos 2007-10-27
Riya Photo search Photos 2006-06-17
ShutterPoint Stock photography service Photos 2007-05-22
Smugmug Photo sharing service Photos 2005-11-01
Snipshot Online photo editing service Photos 2006-12-13
WebShots Photo sharing service Photos 2006-06-27
Windows Live Spaces Photo Photo management services Photos 2007-12-17
Windows Live Spaces Photo Control Programmable widget for blog photos Photos 2007-05-01
XmgImage Photo sharing and editing Photos 2007-11-12
Yahoo Photos Online photo service Photos 2006-10-01
Zoto Photo sharing service Photos 2006-03-01
Nozbe Personal productivity service using GTD PIM 2007-09-01
Remember the Milk Personal information management PIM 2006-05-18
Tiktrac Timesheet management PIM 2007-02-04
Toodledo To-do list management PIM 2006-11-19
Windows Live Contacts Contacts database PIM 2007-05-01
Windows Live Contacts Control Contacts control PIM 2006-10-18
Assembla Online project collaboration service Project Management 2008-02-10
Basecamp Project collaboration service Project Management 2006-03-29
Goplan Online project management Project Management 2007-03-17
Unfuddle Bug and issue tracking Project Management 2007-12-18
Nestoria UK real estate listings Real Estate 2006-07-29
PlanningAlerts Alerts service for UK local planning alerts Real Estate 2007-05-29
Rentometer Realestate pricing services Real Estate 2007-09-01
Trulia Real estate search Real Estate 2007-02-21
Zillow Real estate pricing and valuations Real Estate 2006-10-26
Arkayne Content Linking Widget Based On Post Similarity Recommendations 2007-12-23
Baynote Recommendations service Recommendations 2007-10-09
Boo-box Recommendation service Recommendations 2008-01-27
CleverSet Recommendations service for eCommerce sites Recommendations 2007-12-17
Criteo Distributed recommendation service Recommendations 2007-01-30
EasyUtil Recommendation service Recommendations 2006-02-14
Loomia Recommendation service Recommendations 2007-10-12
WSRelater Recommendation engine Recommendations 2005-11-27
Yelp Local user reviews and city guides Recommendations 2007-08-03
Aonaware Dictionary Dictionary lookup service Reference 2006-11-19
CatalogWS Academic library Reference 2008-02-07
City and State by Zip Code Address lookup service Reference 2006-11-19
Dun and Bradstreet Business Verification Research company background data Reference 2006-09-23
Dun and Bradstreet WorldBase Marketing Plus Business research services Reference 2006-09-23
FUTEF Wikipedia API Third party Wikipedia web service Reference 2007-01-23
Holidays Service Holiday dates lookup service Reference 2006-10-20
ISBNdb Books database Reference 2006-03-01
Library of Congress SRW Information database search Reference 2006-03-10
LibraryThing Books database and community Reference 2008-02-09
Microsoft MSDN Technical reference library Reference 2006-06-14
OpenDOAR Academic research repository Reference 2007-05-21
PhoneVal Phone number validation service Reference 2006-12-18
RealEDA Reverse Phone Lookup Lookup address and name via phone Reference 2006-10-31
SRC Demographics Demographic reference data Reference 2006-06-13
StrikeIron Address Verfication Global address verification service Reference 2006-10-20
StrikeIron Do Not Call Telephone number verification serice Reference 2006-09-23
StrikeIron Insider Trading Insider trading transaction information Reference 2006-10-08
StrikeIron Phone Number Enhancement Adds address and statistical data based on phone number Reference 2006-11-24
StrikeIron Residential Lookup Residential directory lookup and validation service Reference 2006-11-12
StrikeIron Reverse Phone Lookup Reverse phone lookup services Reference 2006-09-14
StrikeIron Sales Tax Basic Sales and use tax data service Reference 2006-12-08
StrikeIron Super Data Pack APIs for variety of reference data sources Reference 2007-01-30
StrikeIron US Census Census data information service Reference 2006-10-08
StrikeIron Zacks Company Profile Corporate profiles web service Reference 2006-11-29
Talis Library 2.0 reference services Reference 2006-06-07
UrbanDictionary Slang dictionary lookup Reference 2005-10-31
US Yellow Pages US yellow pages telephone directory Reference 2006-10-09
Yahoo Answers Community driven reference service Reference 2006-08-16
ZoomInfo Information search services Reference 2007-09-27
Alexa Web Information Service Web site information and traffic data Search 2006-08-03
Alexa Web Search Web Search Engine Search 2006-04-04
Amazon A9 OpenSearch Search services Search 2005-09-04
Gigablast Search service Search 2005-09-09
Google Ajax Search Web search components Search 2006-06-04
Google Code Search Code search service Search 2006-12-02
Google Custom Search Google custom search management Search 2007-07-08
Google Desktop Desktop search and gadgets Search 2006-09-18
Google Research Search Search services for researchers Search 2007-08-20
Google Search Search services Search 2006-01-22
Kratia Democratic search engine Search 2006-02-03
Naver Korean search engine Search 2006-05-29
Vast Structured web search Search 2006-03-15
Windows Live Search Internet search Search 2006-01-23
Wink Social search service Search 2007-06-05
Yahoo Image Search Image search services Search 2005-11-19
Yahoo Local Search Local search service Search 2005-11-19
Yahoo My Web Search Personalized search services Search 2006-10-20
Yahoo Related Suggestions Search suggestion service Search 2006-03-10
Yahoo Search Search services Search 2006-02-14
Yahoo Term Extraction Contextual search service Search 2005-11-19
Yandex Russian search engine Search 2007-09-16
AOL Open Auth Authentication services Security 2007-08-16
buySAFE E-commerce trust network Security 2006-11-01
FraudLabs Credit Card Fraud Detection Credit card verification service Security 2006-09-23
Google Client Authentication Account authentication for installed applications Security 2006-11-05
Google Safe Browsing Security service to verify URLs Security 2007-06-29
Google Single SignOn Authentication for Google Apps Security 2007-02-23
Google Web Authentication Account authentication proxy for web-based applications Security 2006-11-05
PhishTank Community site for tracking phishing Security 2006-11-01
TypeKey Authentication Framework Security 2005-09-23
Windows Live Data Service for users to control data access Security 2007-05-01
Windows Live ID Client SDK Windows SDK for Windows Live sign-in authentication Security 2007-02-03
Windows Live ID Web Authentication Web based authentication service Security 2008-01-13
Yahoo BBauth Browser based authentication service Security 2006-10-01
DHL Package shipping services Shipping 2007-10-25
eCourier UK delivery services Shipping 2007-04-14
FedEx Package shipping Shipping 2005-09-04
Shipwire Warehouse and shipping service Shipping 2007-12-23
UPS Package shipping Shipping 2005-09-04
US Postal Service Package shipping and postage Shipping 2005-12-06
Amazon eCommerce Online retailer Shopping 2006-04-04
Amazon Historical Pricing Historical product sales data Shopping 2006-08-04
Authorize.Net Internet based payment gateway services Shopping 2007-02-20
AvantLink Affiliate marketing network Shopping 2007-07-21
Bountii Price Search Electronics and appliances price comparison service Shopping 2007-12-30
Cafe Press Customized retail product service Shopping 2006-03-06
CNET Shopping services Shopping 2007-02-01
Commission Junction Online affiliate programs Shopping 2006-09-23
DataUnison eBay Research eBay pricing and sales trend data Shopping 2006-10-21
Direct Textbook Book price comparison service Shopping 2007-06-11
eBay Online auction marketplace Shopping 2005-12-05
GoodStorm Online retail ecommerce Shopping 2006-07-16
Google Base Platform for structure and semi-structured data Shopping 2006-08-23
Google Checkout Shopping cart services Shopping 2006-08-31
LinkShare Affiliate marketing network Shopping 2007-10-08
Oodle Online classifieds service Shopping 2007-09-01
PaySimple Online payment gateway Shopping 2007-05-06
PriceGrabber Comparison shopping service Shopping 2008-01-12
PriceRunner Shopping comparision engine Shopping 2007-05-21
QuarkRank Consumer reviews service Shopping 2007-12-18
Rakuten Japanese shopping web service Shopping 2007-06-29
Shopping.com Online retail shopping Shopping 2006-06-14
Shopzilla Comparison shopping service Shopping 2008-01-04
SwapThing Community driven swapping site Shopping 2006-08-20
UPC Database UPC lookup service Shopping 2006-07-09
Windows Live Expo Online classifieds service Shopping 2006-06-07
Yahoo Shopping Shopping services Shopping 2005-11-19
Zazzle On-demand product creation service Shopping 2006-08-31
Zixxo Online coupons Shopping 2006-07-29
Are You Watching This Algorithms identify in-progress, exciting sporting events Sports 2007-09-16
Cypress Golf Golf reservations system Sports 2006-02-23
NCAA Mens College Basketball NCAA college basketball data services Sports 2008-02-15
OddsMiner Sports betting XML feeds Sports 2007-10-13
Adobe Share Service for publishing and sharing documents Storage 2007-10-07
Amazon S3 Online storage services Storage 2006-03-14
Box.net Online file storage Storage 2006-03-07
DigitalBucket Online storage service Storage 2007-11-18
MoveDigital File delivery and management services Storage 2006-08-07
Nirvanix Internet storage service Storage 2007-09-05
Omnidrive Online storage services Storage 2007-01-24
Open Xdrive Online data storage service Storage 2007-07-17
Openomy Online file system Storage 2006-02-14
TinyLoad File distribution service Storage 2007-11-28
Tagalag Email tagging Tagging 2005-10-05
TagFinder Tag extraction service Tagging 2006-03-29
tagthe.net Tag recommendation service Tagging 2006-07-03
TagTooga Tag based Internet directory Tagging 2006-04-25
Tagyu Tag recommendation service Tagging 2005-10-29
AIM Phoneline Voice Over IP Internet telephony services Telephony 2006-09-10
Evoca Phone to web media voice services Telephony 2007-10-20
Global IP Sound Voice Processor for VoIP Services Telephony 2006-07-10
Jaduka Internet and PSTN voice services Telephony 2007-03-10
LignUp Communications web services Telephony 2007-07-19
Lypp VoIP Callback API Telephony 2007-10-20
Mindgram Voice telegram service Telephony 2007-08-05
PhoneDog Cell phone information, service data, and news. Telephony 2007-06-18
Ribbit Flash based VoIP service Telephony 2007-10-28
Sipgate Internet telephone service provider Telephony 2007-09-12
Skype Internet communication Telephony 2005-09-11
SpokenBuzz Voice services portal Telephony 2007-08-06
Sylantro Hosted VoIP services Telephony 2007-07-14
Upside Wireless Text messaging service provider Telephony 2007-07-23
Voxbone VoIP provisioning service Telephony 2007-05-10
Google Mashup Editor Mashup creation tool extensions API Tools 2007-05-31
AgentFactor Travel Travel booking service Travel 2007-12-18
dopplr Community travel service Travel 2007-12-23
FlightAware Live flight aircraft tracking Travel 2007-08-15
Kayak Travel search service Travel 2006-01-10
King County Buses Transit tracking service Travel 2006-03-17
SmartTravelDeals Travel offer publishing and search Travel 2005-09-14
Superbreak Travel booking services Travel 2007-08-01
Yahoo Travel Online travel services Travel 2005-12-21
Google Notebook Online notebook service Utility 2007-02-10
Google Translate Language translation service Utility 2007-08-20
Notely Academic notes and calendar service Utility 2007-12-30
SlimTimer Personal task timer Utility 2007-02-04
stikkit Little sticky notes that think Utility 2007-02-04
Urloid Short URL service Utility 2007-12-06
AOL Video AOL Truveo Video Search Video 2006-10-18
AOL Video Upload Video upload and sharing service Video 2007-12-15
Blinkx Video search service Video 2007-04-26
Blip.tv Video upload and sharing service Video 2008-01-13
Dave.TV Video distribution network Video 2007-02-09
ffwd Video sharing and discovery Video 2008-01-27
HeyWatch Video encoding services Video 2007-08-27
Joost Online television Video 2007-09-01
Kyte Streaming interactive television service Video 2007-10-20
LiveVideo Video repository and user community Video 2007-06-18
Mefeedia Video feeds and community Video 2008-01-13
Opensubtitles Movie subtitles service Video 2008-01-29
Revver Video services Video 2006-10-22
Seesmic Video dashboard and community Video 2008-01-29
SesameVault Video sharing service Video 2007-12-25
Veoh Internet television, video, and social platform Video 2007-06-26
Videodetective Film trailers, cast, images, and related information Video 2007-07-01
Vimeo Video sharing service Video 2007-09-16
Vodpod Video sharing and discovery Video 2008-02-20
Yahoo Live Live video streaming service Video 2008-02-07
Yahoo Video Search Video search Video 2005-11-19
YouTube Video sharing and search Video 2006-02-08
InnerGears Weather by City US Weather forecasts by city Weather 2006-10-15
NOAA Weather Service Weather forecast database Weather 2005-09-08
Weather Channel Weather forecast data Weather 2007-08-05
WeatherBug Weather forecast services Weather 2006-01-13
Clearspring Widget creation, distribution, and tracking services Widgets 2007-06-26
Google Homepage Portal gadgets Widgets 2006-09-17
Microsoft start.com Portal service Widgets 2006-01-21
Netvibes Personalized home page with widgets Widgets 2006-11-05
Pageflakes Personalized start page and widgets Widgets 2007-01-01
Serence Klip Desktop gadgets Widgets 2005-11-09
SpringWidgets Widget platform Widgets 2006-11-07
TagWorld Social web services Widgets 2006-06-04
Widgetbox Create and distribute your widget through the world's largest widget gallery Widgets 2007-12-28
WidgetPlus Widget framework Widgets 2007-10-10
WidSets Mobile widgets service Widgets 2007-10-06
Windows Live Gadgets Online gadgets service Widgets 2006-11-04
Windows Sidebar Gadgets Desktop gadgets Widgets 2006-11-05
Yahoo Mobile Widget Platform Mobile widget platform Widgets 2008-01-07
Yahoo Widgets Desktop widgets Widgets 2006-09-30
yourminis Widget Platform Widgets 2007-04-03
Cogmap Org chart wiki Wiki 2007-08-16
DBpedia Structured query interface to Wikipedia Wiki 2007-08-08
JotSpot Wiki-style collaboration tools Wiki 2005-10-30
MindTouch Deki Wiki Wiki platform service Wiki 2007-12-09
Ontok Wikipedia Encyclopedia data access Wiki 2006-02-06
PBwiki Consumer wiki farm Wiki 2006-12-24
WikiMatrix Wiki search and comparison service Wiki 2006-11-29
신고
Posted by naearu
연구_고민2007.11.21 14:57

*글자를 모두 대,소문자 바꾸기
#mainNav ul {
 text-transform: uppercase(모두대문자), lowercase(모두소문자), capitalize(첫글자대문자);
}
<div id="mainNav">
  <ul>Features</ul>
</div>




*소형대문자*
#mainNav li {
 font-variant: small-caps;
}
<div id="mainNav">
  <li>Features</li>
</div>




*텍스트 위아래 줄넣기
#line {
  text-decoration:underline overline; (아래,위)
  }
<div id="line">텍스트 위아래 줄넣기</div>



*첫줄 들여쓰기
text-indent: 25px;
text-indent: 5em;




* 박스 (버전에 맞는 구현방법)


      * 고로 -_-; 박스는 안쓰는게 좋겠소이다;;; 나중에 시대가 지나믄 필요할지도 모름~!

      [  html . sidebar { margin-left: -3px} ] (얜 뭘까 _-_;;)




 

*Float 해제_서로 다른 높이를 가진 부유 항목들을 어떤 식으로 한데 쏠리지 않도록 해 준다.

.copyright { clear: both; } or .copyright { clear: right; }




 

***** ***** ***** ***** ***** 이미지 관련 소스 시작~!! ***** ***** ***** ***** *****

 

* 배경

body {
 background-color: white;
 background-image: url(images/page_bg.jpg);
 background-repeat: repeat-x;
 background-position: left top;

 text-align: center;

}


* 배경_sidebar

<style type="text/css'>

.sidebar {
 width: 220px;
 float: right;
 margin: 10px;
 background: #CBF622 url(images/bg_bottom.gif) center bottom no-repeat;
 padding-bottom: 75px; (아래 배경의 크기에 따라 조절해야한다)

}

.sidebar h3 {
 font-size: 1.4em;
 margin: 0;
 text-align: center;
 text-transform: uppercase;
 background: url(images/top_bg.gif) center top no-repeat;
 color: #FFF;
 padding: 5px;
}

.sidebar ul {
 color: #666;
 font-size: 1.2em;
 margin: 0;
 padding: 10px 5px 0 5px;
 border-left: 1px solid #E73A10;
 border-right: 1px solid #E73A10;
}

.sidebar li {
 background: url(images/flower_bullet.gif) no-repeat 0px 2px;
 list-style: none;
 padding-left: 18px;
 margin-bottom: 6px;
}

 

/*CSS Hacks for Internet Explorer */

/* fix the over extended h2 borders */
* html h2 {
 zoom: 1;
}

* html .sidebar {
/* double margin bug fix */
 display: inline;
}

 

</style>

<div class="sidebar">
    <h3> Ideas for Better Indoor&nbsp;Agriculture </h3>
    <ul>
      <li>Don't leave the hose running.</li>
      <li>In a small apartment</li>

    </ul>
</div>



*링크_밑줄없애기

a:link { text-decoration:none; }


*링크_마우스On했을때 밑줄넣기

a:link, a:visited { text-decoration:none; background-color:#ff0000; }

a:hover { background-color:transparent; text-decoration:underline; }


*링크_밑줄넣기

a { text-decoration:none; border-bottom:dashed 2px #ff9900; }

a { text-decoration:none; background:url(img/line.gif) repeat-x left bottom; padding-bottom:5px; }

신고
Posted by naearu
TAG css


각 자리에
2 3 4 5 6 7 8 9 2 3 4 5
를 순서대로 곱하고..
다 더한다음에
11로 나누고
나눈 나머지를 11에서 뺀수를 맨뒤에 붙인다...10일경우 0

흐음..

어디보자~
검사하는 식을 만들어보면...

$ssn; //여기에 12자리 순수 숫자들로만 구성된 민번이 들어간다고 치고..
$key=array(2 ,3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5); 키가 되는 값들을 입력을 하고~

에~ 어디보자.. ssn을 어찌 쪼갤까...흐음..

sub_str($ssn,0,1); 이렇게 11자리 쪼개는거 말고 뭐 간단한거 없나?없나보군.. 젠장...

for($i=0;$i=<strlen($ssn);$i++){
$ssn_array[$i]=sub_str($ssn,$i,1);
}
이렇게 해서 한개씩 쪼개고...

for($i=0;$i=<strlen($ssn);$i++){
$sum+=$ssn_array[$i]*$key[$i];
}
이렇게 합을 구하고..
$tmp=$sum%11;
$check_key=11-$tmp;

이렇게 검사키를 만들고..

if($check_key==10)
   $check_key=0;
10일경우 처리해주고..

if($check_key==$ssn_array[12])
   echo "진짜민번";
else
  echo "가짜민번";

이렇게 되는건가?

흐음..

정리해서... 함수화 시키면..

function ssn_check($ssn){

$key=array(2 ,3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5);

for($i=0;$i=<13;$i++){
    $ssn_array[$i]=sub_str($ssn,$i,1);
}

for($i=0;$i<12;$i++){
    $sum+=$ssn_array[$i]*$key[$i];
}

$tmp=$sum%11;
$check_key=11-$tmp;

if($check_key==10)
   $check_key=0;

if($check_key==$ssn_array[12])
   return true;
else
   return false;
}

이렇게 되는데 맞나? ㄱ-;; 아님 말고..
이거뭐.. 조금만 바꾸면.. 민번 생성도 가능하네...(요샌 별 쓸모 없지만..)



신고
Posted by naearu
연구_고민2007.11.07 18:05

prototype.js 를 위한 개발자 노트


1.4.0 버전을 다룸

Sergio PereiraSergio Pereira에 의해 작성됨
최근 업데이트: 2006년 4월 13일

Prototype은 무엇인가.?

prototype.jsSam Stephenson에 의해 작성된 자바스크립트 라이브러리이다. 이 놀랍도록 멋진 생각과 표준에 의해 잘 작성된 코드의 일부는 웹2.0의 특성을 나타내는 풍부하고 상호작용하는 웹페이지와 많은 연관을 가진다.

만약 당신이 최근 이 라이브러리를 사용하기 시작했다면, 당신은 아마도 이 문서가 가장 좋은 지시사항중에 하나는 아니라는것을 알아차렸을것이다. 나 이전에 다른 많은 개발자들처럼, 나는 소스코드와 이것을 사용한 경험에서 prototype.js에 대한 지식을 가지게 되었다. 나는 모든 이가 배우고 공유하는 동안 좀더 많은 정보를 얻게 되는게 가장 좋은 것이라고 생각한다.

나는 objects, classes, functions, 그리고 이 라이브러리에 의해 제공되는 확장을 위한 비공식적인 참조문서 또한 제공한다.

당신이 예제와 참조문서를 읽었을때, Ruby프로그래밍 언어에 친숙한 개발자는 Ruby의 내장 클래스와 이 라이브러리에 의해 구현된 많은 확장 사이의 의도적인 유사성을 알아차리게 될것이다.

toc

관련글

고급 자바스크립트 가이드문서.

toc

유틸리티 함수들(utility functions)

라이브러리는 미리 정의된 많은 수의 객체와 유틸리티 함수를 가진다. 이 알기쉬운 함수들의 목적은 반복적인 타이핑과 어구를 많이 줄이는데 있다.

toc

$() 함수 사용하기

$()함수는 가장 많이 사용되는 DOM의 document.getElementById()함수에 대한 편리한 단축키이다. DOM함수처럼, 이것은 인자로 던져진 id를 가진 요소를 하나 반환한다.

하지만 DOM함수와는 달리, 이것은 여러개의 id를 사용할수 있고 $()는 요청된 요소를 가진 Array객체를 반환할것이다. 예제는 아래와 같다.

<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype-1.4.0.js"></script>

<script>
	function test1()
	{
		var d = $('myDiv');
		alert(d.innerHTML);
	}

	function test2()
	{
		var divs = $('myDiv','myOtherDiv');
		for(i=0; i<divs.length; i++)
		{
			alert(divs[i].innerHTML);
		}
	}
</script>
</HEAD>

<BODY>
	<div id="myDiv">
		<p>This is a paragraph</p>
	</div>
	<div id="myOtherDiv">
		<p>This is another paragraph</p>
	</div>

	<input type="button" value=Test1 onclick="test1();"><br> 
	<input type="button" value=Test2 onclick="test2();"><br> 

</BODY>
</HTML>

이 함수의 다른 좋은 점은 이것은 인자형태를 가질수 있는 다른 함수를 생성할때 매우 유용하도록 만들어주는 id문자열이나 요소객체 자체를 던질수 있다는 것이다.

toc

$F() 함수 사용하기

$F() 함수는 다른 단축키이다. 이것은 text박스나 드랍다운 list와 같은 어떤 필드의 입력 컨트롤의 값을 반환한다. 이 함수는 요소 id나 요소객체 자체를 인자로 가질수 있다.

<script>
	function test3()
	{
		alert(  $F('userName')  );
	}
</script>

<input type="text" id="userName" value="Joe Doe"><br> 
<input type="button" value=Test3 onclick="test3();"><br> 
			

toc

$A() 함수 사용하기

$A() 함수는 이것을 받아들이는 하나의 인자를 Array객체로 변환한다.

Array 클래스를 위한 확장과 조합된 이 함수는 이것을 더욱 쉽게 만든다. 예를 들면, 작성한 함수는 인자의 수를 유연하게 받아들인다.

<script>

	function showOptions(){
		var someNodeList = $('lstEmployees').getElementsByTagName('option');
		var nodes = $A(someNodeList);

		nodes.each(function(node){
				alert(node.nodeName + ': ' + node.innerHTML);
			});
	}
</script>

<select id="lstEmployees" size="10" >
	<option value="5">Buchanan, Steven</option>
	<option value="8">Callahan, Laura</option>
	<option value="1">Davolio, Nancy</option>
</select>

<input type="button" value="Show the options" onclick="showOptions();" > 
			

toc

$H() 함수 사용하기

$H() 함수는 결합된 배열을 열거할수 있는 Hash객체로 변환한다.

<script>
	function testHash()
	{
		//let's create the object
		var a = {
			first: 10,
			second: 20,
			third: 30
			};

		//now transform it into a hash
		var h = $H(a);
		alert(h.toQueryString()); //displays: first=10&second=20&third=30
	}

</script>
			

toc

$R() 함수 사용하기

$R() 함수는 new ObjectRange(lowerBound, upperBound, excludeBounds)를 작성하기 위한 짧은 형태이다.

이 클래스의 완전한 설명을 보기 위해 ObjectRange 클래스 문서를 보라. each 메소드를 통해 반복(iterators)의 사용법을 보여주는 간단한 예제를 보자. 더 많은 메소드는 Enumerable 클래스 문서에서 볼수 있을것이다.

<script>
	function demoDollar_R(){
		var range = $R(10, 20, false);
		range.each(function(value, index){
			alert(value);
		});
	}

</script>

<input type="button" value="Sample Count" onclick="demoDollar_R();" > 
			

toc

Try.these() 함수 사용하기

이것은 인자처럼 많은 수의 함수를 가지고 그것들을 순서대로 차례차례 호출하도록 해준다. 이것은 함수중에 하나씩 수행하고 성공적인 함수호출의 결과를 반환할때까지 순차적으로 수행된다.

예제는 아래와 같다. xmlNode.text는 몇몇 브라우저에서 작동하고 xmlNode.textContent는 다른 브라우저에서 작동한다. Try.these()함수를 사용하면 당신은 작동하는 것중 하나를 반환할수 있다.

<script>
function getXmlNodeValue(xmlNode){
	return Try.these(
		function() {return xmlNode.text;},
		function() {return xmlNode.textContent;}
		);
}
</script>
			

toc

Ajax 객체

위에서 언급된 유틸리티 함수들은 좋다. 하지만 다시 보자. 그것들은 대부분 고급(advanced) 형태는 아니다. 당신은 스스로 이것들을 만들수 있고 당신 자신만의 스크립트에 유사한 함수를 이미 가지고 있을수도 있다. 하지만 이러한 함수들은 단지 일부분에 해당되는 팁일뿐이다.

나는 prototype.js에 대한 당신의 관심이 대부분의 AJAX기능을 다룰수 있다는 것이라고 확신한다. 그래서 당신이 AJAX로직을 수행할 필요가 있을때 좀더 쉽게 사용하도록 도와주는 라이브러리를 사용하는 방법을 살펴보자.

AJAX객체는 AJAX함수를 작성할 때 포함되는 트릭성격의 코드를 포장하고 단순화하기 위한 라이브러리에 의해 생성된 미리-정의된 객체이다. 이 객체는 캡슐화된 AJAX로직을 제공하는 많은 수의 클래스를 포함한다. 그 클래스중에 몇개를 살펴보자.

toc

Ajax.Request 클래스 사용하기

만약 당신이 어떠한 헬퍼(helper) 라이브러리도 사용하지 않는다면, 당신은 XMLHttpRequest객체를 생성하기 위한 많은 코드를 작성할 것이고 단계를 비동기적으로 수행할것이다. 그리고나서 응답을 뽑아내고 이것을 처리한다. 그리고나서는 한가지 이상의 브라우저를 지원하지 않는다면 스스로 행운이라고 생각할 것이다.

AJAX기능을 지원하기 위해, 라이브러리는 Ajax.Request클래스를 정의한다.

당신이 다음처럼 XML응답을 반환하는 http://yoursever/app/get_sales?empID=1234&year=1998 url을 통해 서버와 통신할수 있는 애플리케이션을 가지고 있다고 해보자.

<?xml version="1.0" encoding="utf-8" ?> 
<ajax-response>
	<response type="object" id="productDetails">
		<monthly-sales>
			<employee-sales>
				<employee-id>1234</employee-id> 
				<year-month>1998-01</year-month> 
				<sales>$8,115.36</sales> 
			</employee-sales>
			<employee-sales>
				<employee-id>1234</employee-id> 
				<year-month>1998-02</year-month> 
				<sales>$11,147.51</sales> 
			</employee-sales>
		</monthly-sales>
	</response>
</ajax-response>			
			

XML을 가져오기 위해 서버와 통신하는 것은 Ajax.Request객체를 사용하면 매우 간단하다. 아래의 샘플은 이것을 수행하는 방법을 보여준다.

<script>
	function searchSales()
	{
		var empID = $F('lstEmployees');
		var y = $F('lstYears');
		var url = 'http://yourserver/app/get_sales';
		var pars = 'empID=' + empID + '&year=' + y;
		
var myAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: showResponse });
} function showResponse(originalRequest) { //put returned XML in the textarea $('result').value = originalRequest.responseText; } </script> <select id="lstEmployees" size="10" onchange="searchSales()"> <option value="5">Buchanan, Steven</option> <option value="8">Callahan, Laura</option> <option value="1">Davolio, Nancy</option> </select> <select id="lstYears" size="3" onchange="searchSales()"> <option selected="selected" value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> </select> <br><textarea id=result cols=60 rows=10 ></textarea>

Ajax.Request객체의 생성자의 두번째 파라미터를 알아보겠는가.? {method: 'get', parameters: pars, onComplete: showResponse} 파라미터는 문자적 표기법으로 익명 객체를 나타낸다. 이것이 의미하는 것은 'get' 문자열을 포함하는 명명된 메소드(method)의 프라퍼티, HTTP요청 문자열을 포함하는 명명된 파라미터(parameter)의 프라퍼티, 그리고 함수 showResponse를 포함하는 onComplete 프라퍼티/메소드를 가지는 객체를 전달한다는 것이다.

당신이 AJAX를 비동기적으로(asynchronous) 서버에 호출할지를 결정하고 truefalse값으로 셋팅할수 있는 asynchronous(디폴트 값은 true이다.)와 같은 이 객체내 정의하고 활성화시킬수 있는 다른 프라퍼티가 몇개 있다.

이 파라미터는 AJAX호출을 위한 옵션을 정의한다. 샘플에서, 우리는 HTTP GET명령을 통해 첫번째 인자에서 url을 호출한다. 변수 pars내 포함된 조회문자열(querystring)을 전달하고 Ajax.Request객체는 응답을 받아들이는 작업을 마칠때 showResponse함수를 호출할 것이다.

당신이 아는것처럼, XMLHttpRequest는 HTTP호출을 하는 동안 진행과정을 보고한다. 이 진행과정은 4가지의 단계(Loading, Loaded, Interactive, 또는 Complete)를 알릴수 있다. 당신은 이러한 단계중에서 Ajax.Request객체 호출을 사용자정의 함수로 만들수 있다. Complete는 가장 공통적인 단계이다. 함수를 객체에게 알리기 위해, 우리 예제의 onComplete처럼 요청옵션내 onXXXXX로 명명된 프라퍼티/메소드를 간단히 제공하라. 당신이 전달하는 이 함수는 XMLHttpRequest객체 자체가 될 하나의 인자를 가진 객체에 의해 호출될것이다. 당신은 반환 데이터를 얻기 위해 이 객체를 사용할수 있고 아마도 호출의 HTTP결과 코드를 포함할 상태(status) 프라퍼티를 체크할것이다.

두개의 다른 흥미로운 옵션은 결과를 처리하기 위해 사용될수 있다. 우리는 AJAX호출이 에러없이 수행될때 호출될 함수처럼 onSuccess옵션을 명시할수 있다. onFailure옵션은 서버에러가 발생할때 호출될 함수가 될수 있다. onXXXXX의 선택적인 함수처럼, 이 두가지는 AJAX호출이 옮기는 XMLHttpRequest객체를 전달하도록 호출될수 있을것이다.

1.4.0 버전에서, 이벤트 콜랙 핸들링의 새로운 형태가 소개되었다. 만약 당신이 AJAX호출이 발생하는데도 불구하고 특정 이벤트를 위해 수행되어야 하는 코드를 가지고 있다면, 당신은 새로운 Ajax.Responders 객체를 사용할수 있다.

당신이 AJAX호출이 진행중이라는 시각적 표시를 보여주길 원한다고 해보자. 당신은 두개의 전역 이벤트 핸들러를 사용할수 있다. 하나는 첫번째 호출이 시작되었을때 아이콘을 보여주는것이고 다른 하나는 적어도 하나가 끝났을때 아이콘을 숨기는 것이다. 아래의 예제를 보자.

<script>
	var myGlobalHandlers = {
		onCreate: function(){
			Element.show('systemWorking');
		},

		onComplete: function() {
			if(Ajax.activeRequestCount == 0){
				Element.hide('systemWorking');
			}
		}
	};

	Ajax.Responders.register(myGlobalHandlers);
</script>

<div id='systemWorking'><img src='spinner.gif'>Loading...</div>
	

우리의 샘플은 흥미로운 방법으로 XML응답을 처리하지는 않았다. 우리는 textarea내 XML을 집어넣었다. 응답의 전형적인 사용법은 XML내부에서 바라는 정보를 찾고자 할것이고 몇몇 페이지 요소나 페이지내 HTML을 만드는 몇가지의 XSLT변형을 업데이트할것이다.

좀더 완전한 설명을 보기 위해서, Ajax.Request 참조options 참조를 보라..

toc

Ajax.Updater 클래스 사용하기

만약 당신이 HTML로 이미 포맷팅된 정보를 반환할수 있는 서버 종료점(endpoint)을 가진다면, 라이브러리는 당신이 Ajax.Updater클래스를 사용하는것을 좀더 쉽게 만들어준다. 이것으로 당신은 어느 요소가 AJAX호출로부터 반환된 HTML을 채우는지 알리게 된다. 예제는 내가 글로 표현하는 것보다 당신을 좀더 쉽게 이해하도록 도와줄것이다.

<script>
	function getHTML()
	{
		var url = 'http://yourserver/app/getSomeHTML';
		var pars = 'someParameter=ABC';
		
var myAjax = new Ajax.Updater( 'placeholder', url, { method: 'get', parameters: pars });
} </script> <input type=button value=GetHtml onclick="getHTML()"> <div id="placeholder"></div>

당신이 보는것처럼, 코드는 onComplete함수와 생성자에 전달된 요소 id를 제외하고 이전예제에 비해서 매우 간단하다. 클라이언트에서 서버 에러들을 다루는 것이 어떻게 가능한지 보기 위해 코드를 조금 변경해 보자.

우리는 호출을 위해 더 많은 옵션을 추가하고 에러 상황을 뽑아내기 위해 함수를 명시한다. 이것은 onFailure옵션을 사용하여 수행한다. 우리는 성공적인 작동의 경우에만 활성화될 묶음자(placeholder)를 명시할것이다. 이것을 달성하기 위해, 우리는 간단한 요소 id에서 두개의 프라퍼티(success-모든것이 정상적일때 사용되는, failure-어떤것이 실패일때 사용되는)를 가지는 객체로 첫번째 파라미터를 변경할 것이다. 우리는 예제에서 failure 프라퍼티를 사용하지 않을것이고, onFailure옵션에서 reportError함수를 사용할것이다.

<script>
	function getHTML()
	{
		var url = 'http://yourserver/app/getSomeHTML';
		var pars = 'someParameter=ABC';
		
var myAjax = new Ajax.Updater( {success: 'placeholder'}, url, { method: 'get', parameters: pars, onFailure: reportError });
} function reportError(request) { alert('Sorry. There was an error.'); } </script> <input type=button value=GetHtml onclick="getHTML()"> <div id="placeholder"></div>

만약 당신의 서버 로직이 HTML마크업 대신에 자바스크립트 코드를 반환한다면, Ajax.Updater객체는 자바스크립트 코드가 될수 있다. 자바스크립트로 응답을 처리하기 위한 객체를 얻기 위해, 당신은 객체 생성자의 마지막 인자로 프라퍼티들의 목록에 evalScripts: true;를 간단히 추가한다. 하지만 여기엔 문제가 있다. 이러한 스크립트 블럭은 페이지의 스크립트에 추가되지 않을것이다. 옵션이름인 evalScripts이 제시하는것처럼, 스크립트는 평가될것이다. 차이점이 무엇일까.? 요청된 URL이 반환하는 것이 무엇인지 추측해보자.

<script language="javascript" type="text/javascript">
	function sayHi(){
		alert('Hi');
	}
</script>

<input type=button value="Click Me" onclick="sayHi()">
			

이 경우 당신이 이전에 이것을 시도했다면 이것이 작동하지 않는것을 알고 있을것이다. 이유는 스크립트 블럭은 평가될것이고 평가된 스크립트는 sayHi 라는 이름의 함수를 생성하지 않을것이다. 이것은 아무것도 하지 않을것이다. 이 함수를 생성하기 위해, 우리는 함수를 생성하기 위해 변경할 필요가 있다. 아래를 보라.

<script language="javascript" type="text/javascript">
	
sayHi = function(){ alert('Hi'); };
</script> <input type=button value="Click Me" onclick="sayHi()">

이전 예제에서, 우리는 변수를 선언하기 위해 var 키워드를 사용하지 않았다. 그렇게 하는 것은 스크립트 블럭에 지역화될 함수 객체를 생성할것이다. var 키워드 없이 함수 객체는 window범위에서 작동한다.

좀더 상세한 complete설명을 위해서는, Ajax.Request 참조문서Ajax.options 참조문서를 보라.

toc

열거(Enumerating)...

우리는 루프(loop)에 친숙하다. 당신이 알다시피, 배열 자체를 생성하고 같은 종류의 요소로 채운다. 루프 제어구조(이를 테면, foreach, while, repeat 등등)을 생성하고 숫자로 된 인덱스를 통해 순차적으로 각각의 요소에 접근하고 그 요소로 작업을 수행한다.

당신이 이것에 대해 생각할때, 언제나 당신은 코드에 배열을 가지고 루프내 배열을 사용할것이라는것을 의미한다. 이러한 반복을 다루기 위해 좀더 많은 기능을 가진 배열 객체가 있다면 좋지 않겠는가.? 그렇다. 많은 프로그래밍 언어는 배열이나 유사한 구조(collection과 list와 같은)에서 이러한 기능을 제공한다.

prototype.js는 우리에게 반복가능한 데이터를 다룰때 사용하도록 구현된 Enumerable 객체를 제공한다. prototype.js 라이브러리는 더 나아가 Enumerable의 모든 메소드로 Array 클래스를 확장한다

toc

루프, 루비-스타일

표준 자바스크립트에서, 당신이 배열의 요소를 순차적으로 표시하길 원한다면, 당신은 다음처럼 작성할수 있다.

<script>
	function showList(){
		var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg'];
for(i=0;i<simpsons.length;i++){ alert(simpsons[i]); }
} </script> <input type="button" value="Show List" onclick="showList();" >

prototype.js를 사용하면, 다음과 같이 다시 작성할수 있다.

	function showList(){
		var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg'];
simpsons.each( function(familyMember){ alert(familyMember); });
}

당신은 특이한 문법으로 별로 좋지않다고 생각할지도 모른다. 위 예제에서, 엉망으로 만드는 것은 아무것도 없다.

each 메소드에 대한 인자처럼 전달되는 이 함수는 보았는가.? iterator 함수처럼 이것을 참조해보자.

toc

스테로이드(steroids)에서 당신의 배열

위에서 언급된것처럼, 이것은 같은 프라퍼티와 메소드를 가지는 배열내 모든 요소를 위해 공통이다. 우리의 새로운 배열을 가지고 iterator함수의 장점을 가질수 있는 방법을 보자.

문법에 따르는 요소를 찾아라.

<script>
	function findEmployeeById(emp_id){
		var listBox = $('lstEmployees')
		var options = listBox.getElementsByTagName('option');
		options = $A(options);
		var opt = options.find( function(employee){
			return (employee.value == emp_id);
		});
		alert(opt.innerHTML); //displays the employee name
	}
</script>

<select id="lstEmployees" size="10" >
	<option value="5">Buchanan, Steven</option>
	<option value="8">Callahan, Laura</option>
	<option value="1">Davolio, Nancy</option>
</select>

<input type="button" value="Find Laura" onclick="findEmployeeById(8);" > 
			

배열에서 항목을 걸러내는 방법을 보자. 그리고나서 각각의 요소로부터 맴버를 가져온다.

<script>
	function showLocalLinks(paragraph){
		paragraph = $(paragraph);
		var links = $A(paragraph.getElementsByTagName('a'));
		//find links that do not start with 'http'
		var localLinks = links.findAll( function(link){
			var start = link.href.substring(0,4);
			return start !='http';
		});
		//now the link texts
		var texts = localLinks.pluck('innerHTML');
		//get them in a single string
		var result = texts.inspect();
		alert(result);
	}

</script>
<p id="someText">
	This <a href="http://othersite.com/page.html">text</a> has 
	a <a href="#localAnchor">lot</a> of 
	<a href="#otherAnchor">links</a>. Some are 
	<a href="http://wherever.com/page.html">external</a>
	and some are <a href="#someAnchor">local</a>
</p>
<input type=button value="Find Local Links" onclick="showLocalLinks('someText')">
			

이것은 이 문법에 완전히 빠지도록 하기 위한 몇가지 예제를 가진다. 사용가능한 모든 함수를 위해 Enumerable and Array 참조문서를 보라.

toc

내가 강력하게 추천하는 책들.

다음의 책들은 AJAX애플리케이션을 만들기 위해 요구되는 새로운 스킬을 배우는데 많은 도움을 주었고 이미 알고 있던 스킬을 좀더 탄탄하게 만들어주었다. 나는 좋은 책이 충분히 금적적인 가치를 하고 오랜시간동안 가치를 이어간다고 생각한다.

toc


prototype.js 참조

JavaScript 클래스에 대한 확장

prototype.js라이브러리에 기능을 추가하기 위한 방법중 하나는 현재 존재하는 JavaScript클래스를 확장하는 것이다.

toc

Object 클래스를 위한 확장

메소드 종류 인자 상세설명
extend(destination, source) static destination: 객체, source: 객체 source에서 destination으로 모든 프라퍼티와 메소드를 복사하여 상속을 구현하기 위한 방법을 제공
inspect(targetObj) static targetObj: 객체 targetObj의 사람이 읽을수 있는 문자열 표현으로 반환. 주어진 객체가 inspect 인스턴스 메소드를 정의하지 않는다면, toString 의 값을 반환

toc

Number 클래스를 위한 확장

메소드 종류 인자 상세설명
toColorPart() instance (none) 숫자의 16진법 표현을 반환. 색상의 RGB컴포넌트를 HTML표현으로 변환할때 유용
succ() instance (none) 다음 숫자를 반환. 이 함수는 반복을 포함하는 시나리오에서 사용된다.
times(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 인자 valueindex를 반복적으로 전달하는 iterator 함수를 호출하는 것은 iteration과 현재 index내 현재 값을 각각 포함한다.

다음의 예제는 0에서 9까지의 메시지 박스를 표시할것이다.

<script>
	function demoTimes(){
		var n = 10;
		n.times(function(index){
			alert(index);
		});
		/***************************
		 * you could have also used: 
		 *           (10).times( .... ); 
		 ***************************/
	}

</script>

<input type=button value="Test Number.times()" onclick="demoTimes()">
			

toc

Function 클래스를 위한 확장

메소드 종류 인자 상세설명
bind(object) instance object: 메소드를 소유하는 객체 함수(=메소드) 소유자 객체로 미리 묶는 함수의 인스턴스를 반환. 반환된 함수는 원래의 것과 같은 인자를 가질것이다.
bindAsEventListener(object) instance object: 메소드를 소유하는 객체 유하는 객체 함수(=메소드) 소유자 객체로 미리 묶는 함수의 인스턴스를 반환. 반환된 함수는 이것의 인자로 현재 이벤트 객체를 가질것이다.

실제로 이 확장중 하나를 보자.

<input type=checkbox id=myChk value=1> Test?
<script>
	//declaring the class
	var CheckboxWatcher = Class.create();

	//defining the rest of the class implementation
	CheckboxWatcher.prototype = {

	   initialize: function(chkBox, message) {
			this.chkBox = $(chkBox);
			this.message = message;
			//assigning our method to the event
			
this.chkBox.onclick = this.showMessage.bindAsEventListener(this);
}, showMessage: function(evt) { alert(this.message + ' (' + evt.type + ')'); } }; var watcher = new CheckboxWatcher('myChk', 'Changed'); </script>

toc

String 클래스를 위한 확장

메소드 종류 인자 상세설명
stripTags() instance (none) HTML이나 XML태그가 삭제된 문자열을 반환
stripScripts() instance (none) 삭제된 <script /> 블럭을 가진 문자열을 반환
escapeHTML() instance (none) HTML마크업 문자들이 escaped된 문자열 반환
unescapeHTML() instance (none) escapeHTML()의 반대
extractScripts() instance (none) 문자열내에서 발견되는 모든 <script />블럭을 포함하는 Array객체 반환
evalScripts() instance (none) 문자열내에서 발견되는 각각의 <script />블럭을 평가하기
toQueryParams() instance (none) 쿼리문자열(querystring)을 파라미터 이름에 의해 인덱스화되는 결합된 Array로 쪼개기
parseQuery() instance (none) toQueryParams()와 같음.
toArray() instance (none) 문자열을 이것의 문자들의 Array로 쪼개기
camelize() instance (none) -(하이픈)으로 분리된 문자열을 camelCaseString으로 변환하기. 이 함수는 예를 들면, 프라퍼티 스타일을 다루는 코드를 작성할때 유용하다.

toc

Array 클래스를 위한 확장

시작하기 위해, ArrayEnumerable를 확장한다. 그래서 Enumerable객체내에 정의되는 모든 편리한 메소드는 사용가능하다. 이것외에도, 아래의 메소드들이 구현되었다.

메소드 종류 인자 상세설명
clear() instance (none) 배열을 비우고 자체를 반환한다.
compact() instance (none) null 이거나 undefined인 요소를 제외하고 배열을 반환한다. 이 메소드는 배열자체를 변경하지 않는다.
first() instance (none) 배열의 첫번째 요소를 반환한다.
flatten() instance (none) 기복이 없고, 1차원의 배열을 반환한다. 이 함수는 배열이고 반환된 배열내 요소를 포함하는 배열의 각 요소를 찾음으로써 수행된다.
indexOf(value) instance value: 당신이 찾는 것 배열에서 찾아진다면 주어진 value의 0부터 시작하는 인덱스의 위치를 반환. value이 없다면 -1을 반환
inspect() instance (none) 요소를 가진 배열의 잘 포맷팅된 문자열 표시를 반환하기 위해 변경
last() instance (none) 배열의 마지막 요소를 반환한다.
reverse([applyToSelf]) instance applyToSelf: 배열 자체가 반전되는지 표시 역순서로 배열을 반환. 인자가 주어지지 않거나 인자가 true라면, 배열자체는 반전될것이다. 그렇지 않으면 변경되지 않고 남는다.
shift() instance (none) 첫번째 요소를 반환하고 배열로부터 이것을 제거한다. 배열의 길이는 1 감소한다.
without(value1 [, value2 [, .. valueN]]) instance value1 ... valueN: 배열내 존재한다면 제외될 값 인자로 주어진 요소를 제외한 배열을 반환

toc

document DOM 객체를 위한 확장

메소드 종류 인자 상세설명
getElementsByClassName(className [, parentElement]) instance className: 요소와 연관된 CSS클래스 이름, parentElement: 객체 또는 가져올 요소를 포함하는 요소의 id. 주어진 CSS클래스명과 연관된 모든 요소를 반환. parentElement id가 주어졌다면, 전체 문서가 검색될것이다.

toc

Event 객체를 위한 확장

프라퍼티 타입 상세설명
KEY_BACKSPACE Number 8: 되돌리기(<-) 키를 위한 상수 코드.
KEY_TAB Number 9: 탭키를 위한 상수코드
KEY_RETURN Number 13: 리턴키를 위한 상수코드
KEY_ESC Number 27: Esc키를 위한 상수코드
KEY_LEFT Number 37: 왼쪽 화살표 키를 위한 상수코드
KEY_UP Number 38: 위쪽 화살표 키를 위한 상수코드
KEY_RIGHT Number 39: 오른쪽 화살표 키를 위한 상수코드
KEY_DOWN Number 40: 아래쪽 화살표 키를 위한 상수코드
KEY_DELETE Number 46: Delete키를 위한 상수코드
observers: Array 캐시된 관찰자(observers)의 목록. 상세한 객체의 내부구현의 일부

메소드 종류 인자 상세설명
element(event) static event: 이벤트 객체 이벤트를 일으키는 요소를 반환
isLeftClick(event) static event: 이벤트 객체 마우스 왼쪽 버튼을 클릭시 true값 반환
pointerX(event) static event: 이벤트 객체 페이지에서 마우스 포인터의 x측 좌표값 반환
pointerY(event) static event: 이벤트 객체 페이지에서 마우스 포인터의 y측 좌표값 반환
stop(event) static event: 이벤트 객체 이벤트의 디폴트 행위를 취소하고 위임을 연기하기 위해 이 함수를 사용
findElement(event, tagName) static event: 이벤트 객체, tagName: 원하는 태그명 DOM트리 위쪽으로 가로지른다. 주어진 태그명을 가진 첫번째 요소를 검색한다. 이벤트를 발생시키는 요소로부터 시작한다.
observe(element, name, observer, useCapture) static element: 객체 또는 아이디, name: 이벤트 명 (like 'click', 'load', etc), observer: 이벤트를 다루는 함수, useCapture: true라면, capture내 이벤트를 다루고 false라면 bubbling 내 이벤트를 다룬다. 이벤트를 위한 이벤트 핸들러 함수를 추가
stopObserving(element, name, observer, useCapture) static element: 객체 또는 아이디, name: 이벤트 명 ('click' 처럼), observer: 이벤트를 다루는 함수, useCapture: true라면 capture내 이벤트를 다루고, false라면 bubbling내에서 다룬다. 이벤트로부터 이벤트 핸들러를 제거
_observeAndCache(element, name, observer, useCapture) static   private메소드, 이것에 대해 걱정하지말라.
unloadCache() static (none) private메소드, 이것에 대해 걱정하지말라. 메모리로부터 캐시된 모든 관찰자(observer)를 지운다.

window객체의 이벤트를 로그하기 위한 이벤트 핸들러를 추가하는 객체를 사용하는 방법을 보자.

<script>
	Event.observe(window, 'load', showMessage, false);

	function showMessage() {
	  alert('Page loaded.');
	}
</script>			
			

toc

prototype.js에 새롭게 정의된 객체와 클래스

라이브러리가 당신을 돕는 다른 방법은 객체지향 디자인과 공통적인 기능을 위한 지원 모두를 구현하는 많은 객체를 제공하는 것이다.

toc

PeriodicalExecuter 객체

이 객체는 주어진 함수를 주어진 시간간격으로 반복적으로 호출하기 위한 로직을 제공한다.

메소드 종류 인자 상세설명
[ctor](callback, interval) constructor callback: 파라미터 성격이 아닌 함수, interval: 초단위 시간간격 함수를 반복적으로 호출할 이 객체의 하나의 인스턴스를 생성

프라퍼티 타입 상세설명
callback Function() 호출되기 위한 함수. 이 함수로 전달될 파라미터는 없다.
frequency Number 이것은 수초내 간격으로 실질적으로 작용
currentlyExecuting Boolean 만약 함수 호출이 진행중이라면 표시

toc

Prototype 객체

Prototype 객체는 사용되는 라이브러리의 버전을 명시하는 것보다 중요한 역활을 가지지 않는다.

프라퍼티 타입 상세설명
Version String 라이브러리의 버전
emptyFunction Function() 비어있는(empty) 함수 객체
K Function(obj) 주어진 파라미터를 되돌리는 함수 객체
ScriptFragment String 스크립트를 확인하는 정규식 표현

toc

Enumerable 객체

Enumerable 객체는 list형태의 구조내에서 항목을 반복하기 위한 좀더 멋진 코드를 작성하는 것을 허용한다.

많은 객체들은 유용한 인터페이스에 영향을 끼치기 위해 Enumerable 을 확장한다.

프라퍼티 타입 상세설명
Version String 라이브러리의 버전

메소드 종류 인자 상세설명
each(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 주어진 iterator함수를 호출하는 것은 첫번째 인자내 목록으로 각각의 요소와 두번째 인자내 요소의 인덱스 전달한다.
all([iterator]) instance iterator: Function(value, index)를 충족하는 함수 객체 이 함수는 주어진 함수를 사용하여 값들의 전체 집합을 테스트하기 위한 방법이다. iterator 함수가 어떤 요소를 위해 falsenull을 반환한다면, all은 false를 반환할것이다. 그렇지 않다면 true를 반환할것이다. iterator가 주어지지 않는다면, 요소 자체가 falsenull이 아닌지 테스트할것이다. 당신은 "모든 요소가 false가 아닌지 체크한다"와 같이 이것을 읽을수 있다.
any(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체(선택사항) 이 함수는 주어진 함수를 사용하여 값들의 전체 집합을 테스트하기 위한 방법이다. iterator함수가 어떤 요소를 위해 falsenull을 반환하지 않는다면 anytrue를 반환할것이다. 그렇지 않다면 false를 반환할것이다. iterator가 주어지지 않는다면, 요소 자체가 falsenull이 아닌지 테스트할것이다. 당신은 "어느 요소가 false가 아닌지 체크한다"와 같이 이것을 읽을수 있다.
collect(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 집합내 각각의 요소를 위한 iterator함수를 호출하고 Array로 각각의 결과를 반환한다. 집합내 각각의 요소를 위한 하나의 결과 요소는 같은 순서이다.
detect(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 집합내 각각의 요소를 위한 iterator함수를 호출하고 true를 반환하는 iterator함수를 야기하는 첫번째 요소를 반환한다. true를 반환하는 요소가 없다면, detect는 null을 반환한다.
entries() instance (none) toArray()와 같다.
find(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 detect()와 같다.
findAll(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 집합내 각각의 요소를 위한 iterator함수를 호출하고 true로 해석되는 값을 반환하는 iterator함수를 야기하는 모든 요소를 가진 Array을 반환한다. 이 함수는 reject()와는 반대의 함수이다.
grep(pattern [, iterator]) instance pattern: 요소를 일치시키기 위해 사용되는 RegExp객체, iterator: Function(value, index)를 충족하는 함수 객체 집합내 각각의 요소의 문자열 값을 pattern 정규표현식에 대해 테스트한다. 함수는 정규표현식에 대응되는 모든 요소를 포함하는 Array 를 반환할것이다. iterator함수가 주어진다면, Array는 대응되는 각각의 요소를 가진 iterator를 호출한 결과를 포함할것이다.
include(obj) instance obj: 객체 집합내 주어진 객체를 찾도록 시도한다. 객체가 찾아진다면, true를 반환하고 찾지 못한다면 false를 반환한다.
inject(initialValue, iterator) instance initialValue: 초기화 값처럼 사용되는 객체, iterator: Function(accumulator, value, index)를 충족하는 함수 객체 iterator함수를 사용하여 집합의 모든 요소를 조합한다. 호출된 iterator는 accumulator인자에서 이전 반복의 결과를 전달한다. 첫번째 반복은 accumulator인자내 initialValue를 가진다. 마지막 결과는 마지막 반환값이다.
invoke(methodName [, arg1 [, arg2 [...]]]) instance methodName: 각각의 요소내에서 호출될 메소드의 이름, arg1..argN: 메소드 호출로 전달될 인자. 집합의 각각의 요소내 methodName에 의해 명시되는 메소드를 호출하는 것은 주어진 인자(arg1에서 argN) 전달하고 Array객체로 결과를 반환한다.
map(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 collect()과 같다.
max([iterator]) instance iterator: Function(value, index)를 충족하는 함수 객체 집합내 가장 큰 값이나 iterator가 주어진다면 집합내 각각의 요소를 위한 iterator호출의 가장 큰 결과를 반환한다.
include(obj) instance obj: 객체 include()과 같다.
min([iterator]) instance iterator: Function(value, index)를 충족하는 함수 객체 집합내 가장 작은 값을 가진 요소나 iterator가 주어진다면 집합내 각각의 요소를 위한 iterator호출의 가장 작은 결과를 가진 요소를 반환한다.
partition([iterator]) instance iterator: Function(value, index)를 충족하는 함수 객체 두개의 다른 배열을 포함하는 Array를 반환한다. 첫번째 배열은 true를 반환하는 iterator함수를 야기하는 모든 요소를 포함할것이고 두번째 배열은 남아있는 요소를 포함할것이다. 만약 iterator가 주어지지 않는다면, 첫번째 배열은 true로 해석하는 요소를 포함할것이고 다른 배열은 남아있는 요소를 포함할것이다.
pluck(propertyName) instance propertyName : 각각의 요소로부터 읽어들이는 프라퍼티의 이름. 이것은 요소의 인덱스를 포함할수 있다. 집합의 각각의 요소내 propertyName에 의해 명시된 프라퍼티에 값을 가져가고 Array객체로 결과를 반환한다.
reject(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 집합내 각각의 요소를 위한 iterator함수를 호출하고 false로 해석하는 값을 반환하는 iterator함수를 야기하는 모든 요소를 가진 Array를 반환한다. 이 함수는 findAll()과는 반대되는 함수이다..
select(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 findAll()과 같다.
sortBy(iterator) instance iterator: Function(value, index)를 충족하는 함수 객체 iterator함수 호출결과를 따르는 정렬된 모든 요소를 가진 Array을 반환.
toArray() instance (none) 집합의 모든 요소를 가지는 Array를 반환.
zip(collection1[, collection2 [, ... collectionN [,transform]]]) instance collection1 .. collectionN: 병합될 목록, transform: Function(value, index)를 충족하는 함수 객체 현재의 집합으로 각각의 주어진 집합을 병합한다. 이 병합 작업은 같은 수의 요소를 가진 새로운 배열을 반환한다. 현재 집합과 각각의 요소가 각각의 병합된 집합으로부터 같은 인덱스를 가진 요소의 배열(이것을 하위 배열이라고 부르자.)이다. transform함수가 주어진다면, 각각의 하위 배열은 반환되기 전에 이 함수에 의해 변형딜것이다. 빠른 예제 : [1,2,3].zip([4,5,6], [7,8,9]).inspect() 는 "[[1,4,7],[2,5,8],[3,6,9] ]" 를 반환한다.

toc

Hash 객체

Hash 객체는 hash구조를 구현한다. 이를테면, Key:Value쌍의 집합.

Hash객체내 각각의 항목은 두개의 요소(첫번째는 key, 두번째는 value)를 가진 배열이다. 각각의 항목은 두개의 프라퍼티(keyvalue)를 가진다.

메소드 종류 인자 상세설명
keys() instance (none) 모든 항목의 key를 가진 Array을 반환
values() instance (none) 모든 항목의 value를 가진 Array을 반환
merge(otherHash) instance otherHash: Hash 객체 hash와 전달된 다른 hash를 조합하고 새로운 결과 hash를 반환
toQueryString() instance (none) 쿼리 문자열처럼 포맷팅된 문자열로 hash의 모든 항목을 반환. 이를테면 'key1=value1&key2=value2&key3=value3'
inspect() instance (none) key:value쌍을 가진 hash의 포맷팅된 문자열 표현을 반환하기 위해 변경(오버라이드)

toc

ObjectRange 클래스

Enumerable으로부터 상속

상위 경계나 하위 경계로 값들의 범위를 표시

프라퍼티 타입 종류 상세설명
start (any) instance 범위의 시작값
end (any) instance 범위의 마지막값
exclusive Boolean instance 경계자체가 범위의 일부인지 판단

메소드 종류 인자 상세설명
[ctor](start, end, exclusive) constructor start: 시작값, end: 마지막값, exclusive: 경계가 범위내 포함되는가.? 하나의 range객체를 생성한다. start 에서 end로 범위를 지정한다. startend가 같은 타입의 객체이고 succ()메소드를 가져야만 한다.
include(searchedValue) instance searchedValue: 검색할 값 주어진 값이 범위내 값인지 체크. truefalse값을 반환한다.

toc

Class 객체

Class 객체는 라이브러리에서 다른 클래스를 선언할때 사용된다. 클래스를 선언할때 이 객체를 사용하는 것은 생성자로 제공되는 initialize()메소드를 지원하기 위한 새로운 클래스를 발생시킨다.

아래의 샘플을 보라.

//declaring the class
var MySampleClass = Class.create();

//defining the rest of the class implmentation
MySampleClass.prototype = {

   initialize: function(message) {
		this.message = message;
   },

   showMessage: function(ajaxResponse) {
      alert(this.message);
   }
};	

//now, let's instantiate and use one object
var myTalker = new MySampleClass('hi there.');
myTalker.showMessage(); //displays alert

			

메소드 종류 인자 상세설명
create(*) instance (any) 새로운 클래스를 위한 생성자를 정의

toc

Ajax 객체

이 객체는 AJAX기능을 제공하는 많은 다른 클래스를 위한 root와 명명공간(namespace)처럼 제공한다.

프라퍼티 타입 종류 상세설명
activeRequestCount Number instance 진행중인 AJAX요청의 수.

메소드 종류 인자 상세설명
getTransport() instance (none) 새로운 XMLHttpRequest 객체를 반환

toc

Ajax.Responders 객체

Enumerable로 부터 상속되었다

이 객체는 Ajax관련 이벤트가 발생할때 호출될 객체의 목록을 보존한다. 예를 들어, 당신이 AJAX작업을 위한 전역 예외 핸들러를 연결하길 원한다면 이 객체를 사용할수 있다.

프라퍼티 타입 종류 상세설명
responders Array instance 객체의 목록은 AJAX이벤트 알림(notifications)을 위해 등록되었다..

메소드 종류 인자 상세설명
register(responderToAdd) instance responderToAdd: 호출될 메소드를 가진 객체 responderToAdd인자를 전달하는 객체는 AJAX이벤트(이를테면, onCreate, onComplete, onException 등등)처럼 명명된 메소드를 포함해야만 한다. 유사한 이벤트가 발생하면, 적절한 이름을 가진 메소드를 포함하는 모든 등록된 객체가 호출되는 메소드를 가질것이다.
unregister(responderToRemove) instance responderToRemove: list로부터 제거될 객체 responderToRemove 인자로 전달되는 객체는 등록된 객체의 list로부터 제거될것이다.
dispatch(callback, request, transport, json) instance callback: 보고되는 AJAX이벤트 이름, request: 이벤트를 책임지는 the Ajax.Request 객체, transport: AJAX호출을 가지는 XMLHttpRequest 객체, json: 응답의 X-JSON 헤더(존재할때만) 등록된 객체의 목록을 통해 실행하는 것은 callback 인자내 결정된 메소드를 가지는 것을 찾는다. 호출되는 각각의 메소드는 다른 3개의 인자를 전달한다. AJAX응답이 몇몇 JSON컨텐츠를 가지는 X-JSON HTTP 헤더를 포함한다면, 이것은 평가되고 json인자로 전달될것이다. 만약 이벤트가 onException라면, transport인자는 대신에 예외를 가질것이고 json은 전달되지 않을것이다.

toc

Ajax.Base 클래스

이 클래스는 Ajax객체내 정의된 다른 대부분의 클래스를 위한 기본(base)클래스처럼 사용된다.

메소드 종류 인자 상세설명
setOptions(options) instance options: AJAX 옵션 AJAX작업을 위해 필요한 옵션 셋팅
responseIsSuccess() instance (none) 만약 AJAX작업이 성공한다면 true를 반환하고, 실패한다면 false를 반환
responseIsFailure() instance (none) responseIsSuccess()와는 반대.

toc

Ajax.Request 클래스

Ajax.Base로 부터 상속

AJAX 작업을 캡슐화

프라퍼티 타입 종류 상세설명
Events Array static AJAX작업중 보고되는 가능한 이벤트/상태의 목록. 목록은 'Uninitialized', 'Loading', 'Loaded', 'Interactive', 그리고 'Complete.'를 포함한다.
transport XMLHttpRequest instance AJAX작업을 가지는 XMLHttpRequest 객체
url String instance 요청에 의해 대상이 되는 URL

메소드 종류 인자 상세설명
[ctor](url, options) constructor url: 꺼내기 위한 url, options: AJAX 옵션 주어진 옵션을 사용하여 주어진 url을 호출할 이 객체의 하나의 인스턴스를 생성. 중요사항: 선택된 url은 브라우저의 보안 셋팅을 위한 대상이 될 가치가 없다. 많은 경우 브라우저는 현재 페이지처럼 같은 호스트로부터가 아니라면 url을 가져오지 않을것이다. 당신은 설정을 피하거나 사용자의 브라우저를 제한하기 위한 로컬 url만을 사용할 것이다.
evalJSON() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 AJAX응답내 존재하는 X-JSON HTTP헤더의 컨텐츠를 평가하기 위해 내부적으로 호출된다.
evalReponse() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. AJAX응답이 text/javascriptContent-type헤더를 가진다면, 응답 몸체는 평가되고 이 메소드는 사용될것이다.
header(name) instance name: HTTP 헤더명 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 AJAX응답의 HTTP헤더의 컨텐츠를 가져오기 위해 내부적으로 호출된다.
onStateChange() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 AJAX호출 상태 변경시 객체 자체에 의해 호출된다.
request(url) instance url: AJAX호출을 위한 url 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 생성자를 호출하는 동안 벌써 호출되었다.
respondToReadyState(readyState) instance readyState: 상태 숫자값(1 에서 4) 이 메소드는 대개 외부에서 호출되지 않는다. 이것은 AJAX호출 상태가 변경될때 객체 자체에 의해 호출된다.
setRequestHeaders() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 HTTP요청을 하는 동안 보내어질 HTTP헤더를 조합하기 위한 객체 스스로에 의해 호출된다.

toc

options 인자 객체

AJAX작업의 중요한 부분은 options 인자이다. 이것은 기대되는 프라퍼티를 가지는 동안 어떠한 객체도 전달될수 있다. 이것은 AJAX호출을 위해 익명 객체를 생성하는 것이 공통적이다.

프라퍼티 타입 디폴트 상세설명
method String 'post' HTTP요청의 메소드
parameters String '' 요청에 전달한 값들의 url형태의 목록
asynchronous Boolean true AJAX호출이 비동기적으로 만들어지는지 표시
postBody String undefined HTTP POST의 경우 요청의 몸체내 전달되는 내용
requestHeaders Array undefined 요청과 함께 전달되기 위한 HTTP헤더의 목록. 이 목록은 많은 수의 항목을 가져야 한다. 나머지 항목은 사용자 정의 헤더의 이름이다. 그리고 다음의 항목은 헤더의 문자열 값이다. 예제 : ['my-header1', 'this is the value', 'my-other-header', 'another value']
onXXXXXXXX Function(XMLHttpRequest) undefined 각각의 이벤트/상태가 AJAX호출이 발생하는 동안 도착할때 호출될 사용자정의 함수. 예제 var myOpts = {onComplete: showResponse, onLoaded: registerLoaded};. 사용되는 함수는 AJAX작업을 가지는 XMLHttpRequest객체를 포함하는 하나의 인자를 받을것이다.
onSuccess Function(XMLHttpRequest) undefined AJAX호출이 성공적으로 완성될때 호출될 사용자정의 함수. 사용되는 함수는 AJAX작업을 가지는 XMLHttpRequest객체를 포함하는 하나의 인자를 받을것이다.
onFailure Function(XMLHttpRequest) undefined AJAX호출이 에러를 가진채 끝날때 호출될 사용자정의 함수. 사용되는 함수는 AJAX작업을 가지는 XMLHttpRequest객체를 포함하는 하나의 인자를 받을것이다.
insertion Function(Object, String) null 삽입하기 위해 호출되는 함수는 텍스트를 요소로 반환한다. 함수는 수정되기 위한 요소객체와 Ajax.Updater객체에만 적용되는 응답 텍스트의 두개의 인자를 가지고 호출된다.
evalScripts Boolean undefined, false 스크립트 블럭이 응답이 도착했을때 평가할지를 판단. Ajax.Updater객체에만 적용.
decay Number undefined, 1 Ajax.PeriodicalUpdater 객체는 받은 응답이 마지막 것과 같을때 비율을 새롭게 하여 연속적인 후퇴를 결정. 예를 들어, 당신이 2를 사용한다면, 새롭게 된것중에 하나가 이전것과 같은 결과를 만든후에, 객체는 다음 refresh를 위한 시간의 두배를 기다릴것이다. 이것은 다시 반복한다면, 객체는 4배를 기다릴것이다. 이것을 후퇴를 피하기 위해 정의되지 않거나 1을 사용하도록 남겨두라.
frequency Number undefined, 2 초단위의 갱신간격(횟수가 아닌), Ajax.PeriodicalUpdater객체에만 적용.

toc

Ajax.Updater 클래스

Ajax.Request로 부터 상속

요청된 url이 당신 페이지의 특정 요소내 직접적으로 삽입하길 원하는 HTML을 반환할때 사용된다. 당신은 url이 도착을 평가할 <script>블럭을 반환할때 이 객체를 사용할수 있다. 스크립트로 작업하기 위해 evalScripts 옵션을 사용하라.

프라퍼티 타입 종류 상세설명
containers Object instance 이 객체는 두개의 프라퍼티(containers.success 는 AJAX호출이 성공할때 사용될것이다. 그리고 AJAX호출이 실패한다면 containers.failure가 사용될것이다.)를 포함한다.

메소드 종류 인자 상세설명
[ctor](container, url, options) constructor container: 이것은 요소의 id, 요소객체 자체, 또는 두개의 프라퍼티(AJAX호출이 성공했을때 사용될 object.success 요소(또는 id), 그리고 AJAX호출이 실패했을때 사용될 object.failure요소(또는 id))를 가지는 객체가 될수 있다. url: 가져오기 위한 url, options: AJAX 옵션 주어진 옵션을 사용하여 주어진 url을 호출할 이 객체의 하나의 인스턴스를 생성.
updateContent() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 응답을 받았을때 객체 자체에 의해 호출된다. 이것은 HTML로 적절한 요소를 수정하거나 insertion옵션내 전달되는 함수를 호출할것이다. 이 함수는 두개의 인자(수정되기 위한 요소와 응답 텍스트)를 가지고 호출될것이다.

toc

Ajax.PeriodicalUpdater 클래스

Ajax.Base로 부터 상속

이 클래스는 반복적으로 인스턴스화하고 페이지에서 요소를 새롭게 하거나 Ajax.Updater가 수행할수 있는 다른 작업중 어느것을 수행하기 위한 Ajax.Updater객체를 사용한다. 좀더 많은 정보를 위해 Ajax.Updater 참조를 체크하라.

프라퍼티 타입 종류 상세설명
container Object instance 이 값은 Ajax.Updater생성자에 일관적으로 전달될것이다.
url String instance 이 값은 Ajax.Updater의 생성자에 일관적으로 전달될것이다.
frequency Number instance 초단위의 refresh간격. 디폴트는 2초. 이 숫자는 Ajax.Updater 객체를 호출할때 현재 축소(decay)에 의해 곱해질것이다.
decay Number instance 작업을 재-수행할때 적용될 축소(decay)레벨을 유지
updater Ajax.Updater instance 가장 최신에 사용된 Ajax.Updater 객체
timer Object instance 다른 refresh를 위한 시각일때 객체를 알리기 위해 사용되는 자바스크립트 타이머

메소드 종류 인자 상세설명
[ctor](container, url, options) constructor or container:이것은 요소의 id, 요소객체 자체, 또는 두개의 프라퍼티(AJAX호출이 성공할때 사용될 object.success 요소(나 id), AJAX호출이 실패할때 사용할 object.failure 요소(나 id))를 가지는 객체가 될수 있다. url: 가져오기 위한 url, options: AJAX 옵션 주어진 옵션을 사용하여 주어진 url을 호출할 이 객체의 하나의 인스턴스를 생성
start() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것의 정기적인 작업 수행을 시작하기 위해 객체 자체에 의해 호출된다.
stop() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것의 정기적인 작업 수행을 시작하기 위해 객체 자체에 의해 호출된다.
updateComplete() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 요청을 완성한 후에 사용되는 Ajax.Updater에 의해 호출된다. 이것은 다음 refresh스케줄링 하기 위해 사용된다.
onTimerEvent() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 다음 수정을 위한 시각일때 내부적으로 호출된다.

toc

Element 객체

이 객체는 DOM내 요소를 변경하기 위해 몇몇 유틸리티성 함수들을 제공한다.

메소드 종류 인자 상세설명
addClassName(element, className) instance element: element 객체 또는 아이디, className: CSS 클래스명 주어진 class명을 요소의 class명으로 추가
classNames(element) instance element: element 객체 또는 아이디 주어진 element와 관련된 CSS class명을 표시하는 Element.ClassNames 객체를 반환
cleanWhitespace(element) instance element: element 객체 또는 아이디 요소의 자식노드에서 공백을 제거
empty(element) instance element: element 객체 또는 아이디 element태그가 비어있는지(또는 공백만을 가지고 있는지) 표시하는 Boolean값을 반환
getDimensions(element) instance element: element 객체 또는 아이디 element의 면적(dimensions)을 반환. 반환된 값은 두개의 프라퍼티(heightwidth)를 가지는 객체이다.
getHeight(element) instance element: element 객체 또는 아이디 요소의 offsetHeight값을 반환
getStyle(element, cssProperty) instance element: element 객체 또는 아이디, cssProperty : CSS프라퍼티('prop-name' 또는 'propName' 가 작동하는 형태)의 이름 주어진 element내 CSS프라퍼티의 값을 반환하거나 존재하지 않는다면 null 을 반환
hasClassName(element, className) instance element: element 객체 또는 아이디, className: CSS class명 요소가 class명중에 하나로 주어진 class명을 가진다면 true를 반환
hide(elem1 [, elem2 [, elem3 [...]]]) instance elemN: element 객체 또는 아이디 style.display'none'로 셋팅하여 각각의 요소를 숨긴다.
makeClipping(element) instance element: element 객체나 아이디
makePositioned(element) instance element: element 객체나 아이디 element의 style.position'relative'로 변경
remove(element) instance element: element 객체 또는 아이디 문서로 부터 요소를 제거한다.
removeClassName(element, className) instance element: element 객체 또는 아이디, className: CSS 클래스명 요소의 class명으로 부터 주어진 class명을 제거
scrollTo(element) instance element: element 객체나 아이디 창을 element위치로 스크롤
setStyle(element, cssPropertyHash) instance element: element 객체나 아이디, cssPropertyHash : 적용되기 위한 스타일을 가지는 Hash객체 cssPropertyHash 인자내 값에 따라, 주어진 element내 CSS프라퍼티의 값을 셋팅.
show(elem1 [, elem2 [, elem3 [...]]]) instance elemN: element 객체 또는 아이디 style.display''로 다시 셋팅하여 각각의 요소를 보여준다.
toggle(elem1 [, elem2 [, elem3 [...]]]) instance elemN: element 객체 또는 아이디 각각의 전달된 요소의 가시성(visibility)을 토글(toggle)한다.
undoClipping(element) instance element: element 객체 또는 아이디
undoPositioned(element) instance element: element 객체 또는 아이디 element의 style.position''으로 초기화
update(element, html) instance element: element 객체 또는 아이디, html: html 컨텐츠 주어진 html인자를 가지는 요소의 내부 html을 대체. 주어진 html이 <script>블럭을 포함한다면, 그것들은 포함되지는 않지만 평가될것이다.
visible(element) instance element: element 객체 또는 아이디 요소가 눈에 보이는지 표시하는 Boolean값을 반환

toc

Element.ClassNames class

Enumerable로부터 상속

element에 관련된 CSS class명의 collection을 표시

메소드 종류 인자 상세설명
[ctor](element) constructor element: DOM element 객체또는 아이디 주어진 element의 CSS class명을 표시하는 Element.ClassNames 객체를 생성
add(className) instance className: CSS class 명 element에 관련된 class명의 리스트에 주어진 CSS class명을 추가
remove(className) instance className: CSS class 명 element에 관련된 class명의 리스트로부터 주어진 CSS class명을 제거
set(className) instance className: CSS class 명 주어진 CSS class명을 가진 element을 결합, element로부터 다른 class명을 제거.

toc

The Abstract 객체

이 객체는 라이브러리내 다른 클래스를 위한 root처럼 제공한다. 이것은 어떤 프라퍼티나 메소드도 가지지 않는다. 이 객체에 정의된 클래스는 전통적인 추상 클래스처럼 처리된다.

toc

Abstract.Insertion 클래스

이 클래스는 동적으로 내용물을 추가할 다른 클래스를 위한 기본 클래스처럼 사용된다. 이 클래스는 추상 클래스처럼 사용된다.

메소드 종류 인자 상세설명
[ctor](element, content) constructor element: element 객체 또는 아이디, content: 삽입되는 HTML 동적 내용물 삽입을 도울 객체를 생성
contentFromAnonymousTable() instance (none)

프라퍼티 타입 종류 상세설명
adjacency String static, parameter 내용물이 주어진 요소에 대해 상대적으로 위치할 지점을 명시하는 파라미터. 가능한 값은 'beforeBegin', 'afterBegin', 'beforeEnd', 그리고 'afterEnd'.
element Object instance 삽입이 상대적으로 만들어질 요소객체
content String instance 삽입될 HTML.

toc

Insertion 객체

이 객체는 라이브러리내 다른 클래스를 위한 root처럼 제공한다. 이것은 어떠한 프라퍼티나 메소드를 가지지 않는다. 이 객체에 정의된 클래스는 전통적인 추상 클래스처럼 처리된다.

toc

Insertion.Before 클래스

Abstract.Insertion로 부터 상속

요소 앞에 HTML삽입

메소드 종류 인자 상세설명
[ctor](element, content) constructor element: element 객체 또는 아이디, content: 삽입되는 HTML Abstract.Insertion으로 부터 상속. 동적으로 내용물을 삽입하는 것을 돕는 객체를 생성

다음의 코드는

<br>Hello, <span id="person" style="color:red;">Wiggum. How's it going?</span>

<script> new Insertion.Before('person', 'Chief '); </script>
			

다음처럼 HTML이 변경될것이다.

<br>Hello, Chief <span id="person" style="color:red;">Wiggum. How's it going?</span>	
			

toc

Insertion.Top 클래스

Abstract.Insertion로 부터 상속

요소아래의 첫번째 자식으로 HTML을 삽입. 이 내용물은 요소의 열기 태그뒤에 위치할것이다.

메소드 종류 인자 상세설명
[ctor](element, content) constructor element: element 객체 또는 아이디, content: 삽입되는 HTML Abstract.Insertion으로부터 상속. 동적으로 내용물을 삽입하는 것을 돕는 객체 생성

다음의 코드는

<br>Hello, <span id="person" style="color:red;">Wiggum. How's it going?</span>

<script> new Insertion.Top('person', 'Mr. '); </script>
			

다음처럼 HTML이 변경될것이다.

<br>Hello, <span id="person" style="color:red;">Mr. Wiggum. How's it going?</span>	
			

toc

Insertion.Bottom 클래스

Abstract.Insertion로 부터 상속

요소아래의 마지막 자식으로 HTML삽입. 내용물은 요소의 닫기 태그앞에 위치할것이다.

메소드 종류 인자 상세설명
[ctor](element, content) constructor element: element 객체 또는 아이디, content: HTML to be inserted Abstract.Insertion로 부터 상속. 동적으로 내용물을 삽입하는 것을 돕는 객체 생성

다음의 코드는

<br>Hello, <span id="person" style="color:red;">Wiggum. How's it going?</span>

<script> new Insertion.Bottom('person', " What's up?"); </script>
			

다음처럼 HTML이 변경될것이다.

<br>Hello, <span id="person" style="color:red;">Wiggum. How's it going? What's up?</span>	
			

toc

Insertion.After 클래스

Abstract.Insertion로 부터 상속

요소의 닫기 태그뒤 HTML삽입

메소드 종류 인자 상세설명
[ctor](element, content) constructor element: element 객체 또는 아이디, content: HTML to be inserted Abstract.Insertion으로부터 상속. 동적으로 내용물을 삽입하는 것을 돕는 객체 생성

다음의 코드는

<br>Hello, <span id="person" style="color:red;">Wiggum. How's it going?</span>

<script> new Insertion.After('person', ' Are you there?'); </script>
			

다음처럼 HTML이 변경될것이다.

<br>Hello, <span id="person" style="color:red;">Wiggum. How's it going?</span> Are you there?	
			

toc

Field 객체

이 객체는 폼내 input필드와 작동하기 위한 몇가지 유틸리티성 함수를 제공한다.

메소드 종류 인자 상세설명
clear(field1 [, field2 [, field3 [...]]]) instance fieldN: field element 객체 또는 아이디 field요소로부터 각각 전달된 값을 지움(clear)
present(field1 [, field2 [, field3 [...]]]) instance fieldN: field element 객체 또는 아이디 모든 폼 field가 빈값이 아니라면 true를 반환
focus(field) instance field: field element 객체 또는 아이디 주어진 폼 field로 입력 포커스 이동
select(field) instance field: field element 객체 또는 아이디 텍스트 선택을 지원하는 field내 값을 선택
activate(field) instance field: field element 객체 또는 아이디 포커스를 이동하고 텍스트 선택을 지원하는 field내 값을 선택

toc

Form 객체

이 객체는 데이터 항목 폼과 그것들의 입력 field와 작동하기 위한 몇몇 유틸리티성 함수를 제공한다.

메소드 종류 인자 상세설명
serialize(form) instance form: form element 객체 또는 아이디 'field1=value1&field2=value2&field3=value3'처럼 field명과 값의 url형태의 목록을 반환
findFirstElement(form) instance form: form element 객체 또는 아이디 form에서 첫번째로 사용가능한 필드 element를 반환
getElements(form) instance form: form element 객체 또는 아이디 폼내 모든 입력 field를 포함하는 Array 반환
getInputs(form [, typeName [, name]]) instance form: form element 객체 또는 아이디, typeName: input요소의 타입, name: input요소명. 폼내 모든 <input>요소를 포함하는 Array 반환. 선택적으로 목록은 요소의 타입이나 name속성에 의해 필터링 될수 있다.
disable(form) instance form: form element 객체 또는 아이디 폼내 모든 입력 field를 사용불가상태로 만들기
enable(form) instance form: form element 객체 또는 아이디 폼내 모든 입력 field를 사용가능하게 만들기
focusFirstElement(form) instance form: form element 객체 또는 아이디 첫번째 가시성을 활성화하고, 폼내 입력 field를 가능하게 하기
reset(form) instance form: form element 객체 또는 아이디 폼을 리셋하기. form객체의 reset()메소드와 같다.

toc

Form.Element 객체

이 객체는 폼요소와 작동하기 위한 몇몇 유틸리티성 함수를 제공한다.

메소드 종류 인자 상세설명
serialize(element) instance element: element 객체 또는 아이디 'elementName=elementValue'처럼 요소의 name=value 짝을 반환
getValue(element) instance element: element 객체 또는 아이디 요소의 값을 반환

toc

Form.Element.Serializers 객체

이 객체는 폼요소의 현재 값을 가져오기 위해 라이브러리 내부적으로 사용되는 몇몇 유틸리티성 함수를 제공한다.

메소드 종류 인자 상세설명
inputSelector(element) instance element: radio 버튼이나 checkbox처럼 checked프라퍼티를 가지는 form요소의 객체 또는 아이디 ['elementName', 'elementValue']처럼 요소의 이름과 값을 가지는 Array을 반환
textarea(element) instance element: textbox, button 또는 password필드처럼 value프라퍼티를 가지는 form요소의 객체 또는 아이디. ['elementName', 'elementValue']처럼 요소의 이름과 값을 가지는 Array를 반환
select(element) instance element: <select> 요소의 객체 또는 아이디 ['elementName', 'selOpt1 selOpt4 selOpt9']처럼 요소의 이름과 모든 선택된 옵션의 값이나 텍스트를 가지는 Array를 반환

toc

Abstract.TimedObserver 클래스

이 클래스는 값이 변경(또는 프라퍼티가 클래스정의를 얻어내는)될때까지 하나의 요소를 모니터링할 다른 클래스를 위한 기본클래스처럼 사용된다. 이 클래스는 추상클래스처럼 사용된다.

하위클래스는 요소의 입력값, style프라퍼티중 하나, 또는 테이블내 row의 수, 또는 당신이 추적하고자 하는 모든것을 모니터링하기 위해 생성될수 있다.

얻어낸 클래스는 요소내 모니터링되는 현재 값을 무엇인지 판단하기 위한 메소드를 구현하는 것이다.

메소드 종류 인자 상세설명
[ctor](element, frequency, callback) constructor element: element 객체 또는 아이디, frequency: 초단위 간격, callback: 요소가 변경될때 호출되는 함수 요소를 모니터링할 객체 생성
registerCallback() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 요소 모니터링릉 시작하기 위한 객체 자체에 의해 호출된다.
onTimerEvent() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 요소를 체크하기 위해 정기적으로 객체 자체에 의해 호출된다.

프라퍼티 타입 상세설명
element Object 모니터링되는 요소객체
frequency Number 이것은 체크사이에 초단위 간격으로 이루어진다.
callback Function(Object, String) 요소가 변경될때마다 호출되기 위한 함수. 이것은 요소객체와 새로운 값을 받을것이다.
lastValue String 요소내 확인되는 마지막 값

toc

Form.Element.Observer 클래스

Abstract.TimedObserver로 부터 상속

폼 입력 요소의 값을 모니터링하는 Abstract.TimedObserver의 구현물. 값 변경을 보고하는 이벤트를 드러내지 않는 요소를 모니터링하고자 할때 이 클래스를 사용하라. 이 경우 당신은 Form.Element.EventObserver 클래스를 대신 사용할수 있다.

메소드 종류 인자 상세설명
[ctor](element, frequency, callback) constructor element: element 객체 또는 아이디, frequency: interval in seconds, callback: function to be called when the element changes Abstract.TimedObserver으로부터 상속. 요소의 value프라퍼티를 모니터링할 객체를 생성.
getValue() instance (none) 요소의 값을 반환

toc

Form.Observer 클래스

Abstract.TimedObserver로 부터 상속

폼내 데이터 항목 요소의 값이 변경하는지를 모니터링하는 Abstract.TimedObserver의 구현물. 당신이 값 변경을 보고하는 이벤트를 드러내지 않는 요소를 포함하는 폼을 모니터링하고자 할때 이 클래스를 사용하라. 이 경우 당신은 Form.EventObserver 클래스를 대신 사용할수 있다.

메소드 종류 인자 상세설명
[ctor](form, frequency, callback) constructor form: form 객체 또는 아이디, frequency: 초단위 간격, callback: form내 데이터 항목 요소가 변경될때 호출되는 함수 Abstract.TimedObserver로부터 상속. 변경하기 위한 폼을 모니터링할 객체 생성.
getValue() instance (none) 모든 폼의 데이터의 직렬화를 반환

toc

Abstract.EventObserver 클래스

이 클래스는 요소를 위해 값-변경 이벤트가 발생할때마다 콜백함수를 수행하는 다른 클래스를 위한 기본 클래스처럼 사용된다.

Abstract.EventObserver 타입의 다중 객체는 다른것을 지우지 않고 같은 요소로 묶일수 있다. 콜백은 요소에 할당되는 순서대로 수행될것이다.

트리거 형태의 이벤트는 radio버튼과 checkbox를 위해서는 onclick이고 대개의 textbox와 리스트박스/드랍다운을 위해서는 onchange이다.

얻어낸 클래스는 요소내 모니터링되는 현재 값을 무엇인지 판단하기 위한 메소드를 구현하는 것이다.

메소드 종류 인자 상세설명
[ctor](element, callback) constructor element: element 객체 또는 아이디, callback: 이벤트가 발생할때 호출되는 함수 요소를 모니터링할 객체 생성.
registerCallback() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 요소의 이벤트를 자체적으로 묶는 객체에 의해 호출된다.
registerFormCallbacks() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 폼내 각각의 데이터 항목 요소의 이벤트로 자체적으로 묶기 위한 객체에 의해 호출된다.
onElementEvent() instance (none) 이 메소드는 대개 외부적으로 호출되지 않는다. 이것은 요소의 이벤트로 묶일것이다.

프라퍼티 타입 상세설명
element Object 모니터링되는 요소객체
callback Function(Object, String) 요소가 변경될때마다 호출되기 위한 함수. 이것은 요소객체와 새로운 값을 받을것이다.
lastValue String 요소내 확인되는 마지막 값

toc

Form.Element.EventObserver 클래스

Abstract.EventObserver로 부터 상속

요소내 값 변경을 감지하기 위한 폼 데이터 항목 요소의 적절한 이벤트를 위한 콜백 함수를 수행하는 Abstract.EventObserver의 구현물. 만약 요소가 변경을 보고하는 이벤트를 드러내지 않는다면, 당신은 Form.Element.Observer 클래스를 대신 사용할수 있다.

메소드 종류 인자 상세설명
[ctor](element, callback) constructor element: element 객체 또는 아이디, callback: function to be called when the event happens Abstract.EventObserver로 부터 상속. 요소의 value프라퍼티를 모니터링할 객체 생성.
getValue() instance (none) 요소의 값 반환.

toc

Form.EventObserver 클래스

Abstract.EventObserver로 부터 상속

값이 변결될때 감지하기 위한 요소의 이벤트를 사용하여 폼내 포함되는 어느 데이터 항목 요소에 변경을 모니터링하는 Abstract.EventObserver의 구현물. 만약 폼이 변경을 보고하는 이벤트를 드러내지 않는 요소를 포함한다면, 당신은 Form.Observer 클래스를 대신 사용할수 있다.

메소드 종류 인자 상세설명
[ctor](form, callback) constructor form: form 객체 또는 아이디, callback: form내 데이터 항목 요소가 변경될때 호출되는 함수 Abstract.EventObserver로부터 상속. 변경을 위해 폼을 모니터링할 객체 생성.
getValue() instance (none) 모든 폼의 데이터 직렬화를 반환

toc

Position 객체 (예비 문서)

이 객체는 요소 위치할당을 작업할때 돕는 수많은 함수를 제공한다.

메소드 종류 인자 상세설명
prepare() instance (none) 스크롤 위치내 변경을 수용하기 위한 deltaXdeltaY 프라퍼티 조정. 페이지 스크롤후 withinIncludingScrolloffset를 호출하기 전에 이 메소드를 호출하는 것을 기억하라.
realOffset(element) instance element: object 요소에 영향을 끼치는 어느 스크롤 offset를 포함하는 요소의 정확한 스크롤 offset를 가진 Array을 반환. 이 결과 배열은 [total_scroll_left, total_scroll_top]과 유사하다.
cumulativeOffset(element) instance element: object 위치가 할당된 부모 요소에 의해 부과된 어느 offset를 포함하는 요소의 정확한 위치가 할당된 offset를 가진 Array을 반환. 결과 배열은 [total_offset_left, total_offset_top]과 유사하다.
within(element, x, y) instance element: object, x 와 y: 위치 조정 만약 주어진 지점이 주어진 요소의 직사각형내 조정이 되는지 테스트.
withinIncludingScrolloffsets(element, x, y) instance element: object, x and y: coordinates of a point  
overlap(mode, element) instance mode: 'vertical' 나 'horizontal', element: object within()은 이 메소드가 호출되기 전에 호출될 필요가 있다. 이 메소드는 요소에서 겹치는 것을 조정하는 세분화정도를 표현하는 0.0과 1.0사이의 10진수를 반환할것이다. 예를 들면, 만약 요소가 100px를 가지는 정사각형 DIV이고 (300,300)에 위치한다면, within(divSquare, 330, 330); overlap('vertical', divSquare);은 DIV의 top border로부터 10%(30px)를 가리키는 것을 의미하는 0.10을 반환할것이다.
clone(source, target) instance source: element 객체 또는 아이디, target: element 객체 또는 아이디 source요소에 대해 똑같이 target요소의 크기를 다시 조정하고 다시 위치를 지정


1.4.0을 위한 이 문서는 여전히 작업중입니다. 이 문서의 업데이트를 계속 지켜봐주십시오.
만약 에러를 발견한다면, let me know나에게 알려주십시오. 그러면 가능한한 빨리 그것을 수정할것입니다.
한글 번역에 관련된 부분은 한국어 번역자으로 알려주십시오.

신고
Posted by naearu
연구_고민2007.11.02 16:35
http://hellom.net/in


테스트용 계정
ID : test
PW : 1234

결론부터 간단히 말하면... 댓글놀이다 ㄱ-;;

게다가 실시간인거다!!
내가 글을 쓰면 실시간으로 댓글이 올라오는게 보이는겁니다 ㄱ-;;킁;;

현재 문제가 아주 심각할정도로 많고 보안이 아주 극악으로 취약하지만.. 여튼간에; ㄱ-;;

그냥 한번 오픈해보겟심다~ 클클클..


예전엔 채팅 이라던가 그런거라서.. 왠지 재미가 없었는데..

실시간 댓글이라.. 뭔가 쫌 잼있을꺼 같아서 만들었는데.. 결국 사람이 없으면 말짱 꽝!! ㅋ

언제나 그렇듯이 오늘도 뻘짓!!

자신의 닉넴으로 놀구싶으신분은 가입을 하셔도 되고..랄까.. 항목 세가지 ㄱ-;; ㄱ-;;


여튼.. 저~~ 위에 사이트에서 한번 놀아보세요 ㄱ.. 가끔 자바스크립트 에러날땐.. 새로고침 ㄱㄱ ㄱ-;;

아무도 안오겟지? 안하겟지? ㄱ-;;
신고
Posted by naearu
연구_고민2007.10.18 00:52
실력은 되지도 않으면서 괜히 고스톱을 만들려고 하는중...

사용자 삽입 이미지


개발환경
PHP,Mysql,Ajax
미리네 호스팅(샹..왜 에러메세지가 안뜨냐고!!!);

준비사항..

고스톱패 이미지(보너스,뒷면,폭탄패포함) -- OK

상황에 따른 이미지 및 소리 -- 천천히 수집예정

고스톱 룰 숙지 -- 수집중

DB구조 설계 -- 룰 숙지후 예정.

파일구조 설계 -- 위 두가지 사항 종료후 예정

사용자 인터페이스 설계 -- 역시 위 세가지 종료후 예정.




예상기간..2008년 1월 이전까지..!!!
일정은 고스톱룰 정리 되면 잡아봐야겟심.. 민화투를 만들어?ㅋㅋ;


현재 진행상황

이미지 잘라서 배열처리하고.. 렌덤으로 뽑기놀이...(진행된거냐??ㄱ-)
http://hellom.net/gostop/include/p_info.php(렌덤뽑기 테스팅)

rand() 생각보다 많이 후리더만;;
mt_rand()로 바꾸긴 했지만..그냥rand썻더니 뭐 한사람한테만 보너스가 가는 해괴한일이;;쿨럭;;

여튼 앞으로도 이딴일 많을듯;;ㅋㅋ

하이팅!
신고
Posted by naearu
연구_고민2007.10.06 00:21

배경화면을 일단 렌덤으로 마구 섞어서 돌리고 있습니다 ㅋㅋ

좀 정신 없으시더라도 참아주세요..

참고로 총 16가지 로 바뀝니다..

원래대로라면 날씨에따라서 바뀌게 할예정이었는데..날씨에따라 배경이미지 구하기가 쉽지 않네요..

프로그램은 다짜놧는데 정작 이미지가 없어서 못한다니 이런 서글픈일이 ㅠㅠ

하으~ 여튼.. 뭐.. 혹시 렌덤으로 돌려보고 싶으신분은 역시나 말씀하시면 친히... 돌려드립니다 ~ 살살;




요건 뽀나스 쏘스..

<?
function utf($i){
 return iconv("EUC-KR", "UTF-8", $i);
}
function euc($i){
 return iconv("UTF-8", "EUC-KR", $i);
}

$fdata=file(""); //여기에 날씨정보를 받아오는 URL이 들어가죠..
for($i=0;$i<count($fdata);$i++){


$preg="/stn_id=\"108\" icon=\"(.+)\" desc=/"; // 서울 지역 코드를 문서에서 똑 뗘냅니다.
 if(preg_match($preg,$fdata[$i],$sel)){  //그럼 샥샥분해해서 날씨코드를 받아옵니다.
   $wc=$sel[1]; //wc에 저장합니다..화장실 아닙니다 ㄱ-;
   break;
 }
}

$url=""; // 이미지가 들어있는 URL폴더 를 입력합니다.

$wc=rand()%16+1;  //이건 무작위로 뽑아내는 거.. 이거 주석처리하면 바로 날씨로 기동..


//$wc=7;
switch($wc){  //여기선 날씨별로 분류하는건데.. 지금은 적용안되있심..

case 1 : // 맑음
 $img=$url."1.gif";
 $bgcol="#79737b";
 break;
case 5 : //흐린뒤갬
 $img=$url."5.jpg";
 $bgcol="#a4a4a4";
 break;


case 2 : //구름조금
 $img=$url."2.gif";
 $bgcol="#d0d9d2";
 break;
case 3 : //구름많이
 $img=$url."3.jpg";
 $bgcol="#000000";
 break;
case 4 : //흐림
 $img=$url."4.jpg";
 $bgcol="#ffffff";
 break;
case 6 : //맑은후구름많아짐
 $img=$url."6.jpg";
 $bgcol="#ededed";
 break;


case 7 : //모름
 $img=$url."7.jpg";
 $bgcol="#070707";
 break;


case 11 : //눈
 $img=$url."11.jpg";
 $bgcol="#000000";
 break;
case 12 : //눈후비
 $img=$url."12.jpg";
 $bgcol="#000000";
 break;
case 13 : //비후눈
 $img=$url."13.jpg";
 $bgcol="#000000";
 break;


case 8 : //비
 $img=$url."8.jpg";
 $bgcol="#a4a4a4";
 break;
case 9 : //흐리다비
 $img=$url."9.jpg";
 $bgcol="#a4a4a4";
 break;
case 10 : //비오다갬
 $img=$url."10.jpg";
 $bgcol="#a4a4a4";
 break;
case 14 : //낙뢰
 $img=$url."14.jpg";
 $bgcol="#a4a4a4";
 break;


case 15 : //안개
case 16 : //안개
 $img=$url."15.jpg";
 $bgcol="#000000";
 break;


default :
 $bgcol="#a4a4a4";
 break;


}

?>
//document.write('<?=$wc?><?=$img?>');
document.body.background='<?=$img?>';  //배경이미지 변경
document.body.bgColor='<?=$bgcol?>';  //배경색 변경


신고
Posted by naearu


아.. 2일 고생했네 ㄱ-;;

생각보다 단순.. ㄱ-;;
아직 이미지와 태그를 어찌 보내야할지 막막하긴 하지만 ㄱ-;;
뭐;; 어찌 되것지뭐;; ㅋㅋ

function out_posting($entry){

  $blogid="0000"; // 블로그 api 고유번호
  $userID = "0000";  // 블로그 로그인 아이디
  $userPW = "0000";  //블로그 로그인 암호

  $subject   = $entry['tag'].$entry['title'];
  $body    = $entry['content'];
  $tag    = $entry['tag'];
  $cate    = $entry['category'];
  $reg_date   = gmstrftime("%Y%m%dT%H:%M:%S",time());
  $acceptComment  = $entry['acceptComment'];
  $acceptTrackback = $entry['acceptTrackback'];

 if($entry['visibility']<3)
  $published   = 0;
 else
  $published   = 1;


  $f = new xmlrpcmsg("metaWeblog.newPost",
  array(
  new xmlrpcval($blogid, "string"),
  new xmlrpcval($userID, "string"),
  new xmlrpcval($userPW, "string"),
  new xmlrpcval(
 
  array(

   //"category"=>new xmlrpcval($cate, "string"),  //카테고리
   //"mt_keywords"=>new xmlrpcval($tag, "string"),  // 태그 , 으로 구분
   "description"=>new xmlrpcval($body, "string"),  //내용
   "title"=>new xmlrpcval($subject, "string"),  //제목
   "mt_allow_comments"=>new xmlrpcval($acceptComment, "string"), //댓글허용 =1
   "mt_allow_pings"=>new xmlrpcval($acceptTrackback, "string"),  //트랙백허용 =1
   "dateCreated"=>new xmlrpcval($reg_date, "string")  //날짜

  ), "struct"),

  new xmlrpcval($published, "string") ) // 공개여부 공개 =1 비공개=0
  );
  $c=new xmlrpc_client("/api", "naearu.tistory.com", 80);
  $r=$c->send($f);

}




으아.. 만들어놓고 보니까 생각보다 단순해!!! 이런 줵일..

그렇게 머리싸매고 고생했는데 ㄱ-;;

애시당초 XML규격이 애매해서 ㄱ-;;

아직도 애매해서 태그와 카테고리가 좀 많이 고민이긴 한데.. 어쩌겟나.. 급한대로 써야지 ㅋ

일단.. 티스토리에 성공.. 이제 이글루스도.. 도전??ㅋ





으음 일단 태그까진 됏구..
카테고리와 이미지 올리는 방법만 알아내면 끝이로구나;;
신고
Posted by naearu