javascript ... 에 해당되는 글 4건
2008/04/24 11:45
2008/04/24 11:45 2008/04/24 11:45
사용자 삽입 이미지

Stephen Celis 이 공개한 날짜 선택 콤포넌트입니다.

특정 기간을 선택하기에 좋게 되어있군요.

예제를 보시려면 이곳 을 이용하시면 되고 사파리에서 가장 좋은 품질을 보여준다고 하는데...
확실히 이쁘긴 하네요... ;; 위에 캡쳐는 파이어폭스2 입니다.

아래는 ajaxian 캡쳐인데 맥 & 사파리인듯..

사용자 삽입 이미지

이쁘죠?
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/32
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
2008/04/22 11:48
2008/04/22 11:48 2008/04/22 11:48


사용자 삽입 이미지

게임명에서 눈치 챌 수 있듯이 Prototype과 Script.aculo.us를 이용했습니다.

개발자는 Pierre Chassaing이며 http://www.protorpg.com/ 라는 도메인을 가지고 서비스를 공개했습니다.
조작법이 익숙치 않으실텐데 문앞에 가서 U키를 누르고 문이 있는쪽으로 방향키를 누르면 문이 열립니다.

가려져 있던 부분이 나타나는것도 Script.aculo.us를 이용했으면 더 좋았을텐데 대화창 같은 UI부분에만 사용했군요...
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/31
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
2008/02/23 12:27
2008/02/23 12:27 2008/02/23 12:27
Vlad Shamgin 이 Hello World에 대한 시대별 작성법을 포스트 했군요.

1998
<font><b>Hello World</b></font>

2000
var myText = "Hello World";
var _textNodeParent;
var docNodes = document.childNodes[1].lastChild.childNodes;
for(var j=0; j&lt;document .childNodes.length; j++){
  if(document.childNodes[j].lastChild){
    for(var i=0; i&lt;docNodes.length; i++){
      if('div' == docNodes.item(i).nodeName.toLowerCase()){
        if('layer_main' == docNodes.item(i).id.toLowerCase()){
          if (null != document.getElementById('bparent')) {              document.getElementById('bparent').parentNode.removeChild(document.getElementById('bparent'));
          }
          _textNodeParent = document.createElementNS("http://www.w3.org/1999/xhtml", "html:b");
          _textNodeParent.id = 'bparent';                   
          docNodes.item(i).appendChild(_textNodeParent);
          _textNodeParent.appendChild(document.createTextNode(myText));
        }
      }
    }
  }
}

2003
var myText = "<b>Hello World</b>";
document.getElementById('layer_main').innerHTML = myText;

2008
 myVp = new Ext.Viewport({
  layout:'fit',
  autoHeight:true,
  id:'myVPid',
  items:[
    new Ext.XTemplate('<tpl>',
        '<span id="bparent" style="width:100%;font-weight:bold">{text1}{text2}{text3}</span>',
        '</tpl>').overwrite(Ext.get('layer_main'),{text1:'Hello',text2:'&nbsp;',text3:'World'})
  ]
});

2010년에는 어떻게 될까요?

그나저나 저는 prototype으로인해 $로 줄어든걸 제외하고는 2003년이군요..
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/21
N.com | 2008/02/23 14:38 | PERMALINK | EDIT/DEL | REPLY
재미있는 표현이지만 2000년도는 좀 억지성이 있어보이네요.
어째서 2003년보다 더 정교하게 DOM을 다루는지...
PHPDIC | 2008/02/23 16:13 | PERMALINK | EDIT/DEL
답글감사드립니다. (__)
저는 innerHTML의 성능이나 신뢰도에 대한 얘기가 아닐까 생각했습니다만.. 예전엔 이런저런 이유로 innerHTML을 못쓰게 했으니까요.
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
2008/02/21 20:38
2008/02/21 20:38 2008/02/21 20:38
사용자 삽입 이미지

Kvz - Techblog를 운영하고 있는 Kevin van Zonneveld는 작년 12월부터 php.js프로젝트를 공개하기 시작합니다.
php.js은 이름 그대로 PHP 함수에 익숙한 사람들을 위해 자바스크립트로 PHP function들을 구현하여 공개하는 프로젝트입니다. 이미 array나 string 관련된 강력한 PHP함수들이 JavaScript로 포팅되어 100개 가까운 함수군을 가지게 되었습니다.

abs
addslashes
array_change_key_case
array_chunk
array_combine
array_count_values
array_diff
array_diff_assoc
array_diff_key
array_fill
array_flip
array_keys
array_key_exists
array_map
array_pad
array_pop
array_product
array_push
array_rand
array_reverse
array_search
array_shift
array_sum
array_unique
array_unshift
array_values
base64_decode
base64_encode

basename
checkdate
chr
compact
count
count_chars
crc32
date
defined
define
empty
end
explode
file
file_get_contents
function_exists
get_class
htmlentities
implode
include
include_once
in_array
isset
is_array
is_numeric
levenshtein
ltrim
md5
md5_file
mktime
nl2br
number_format

ord
preg_quote
printf
rand
range
reset
rtrim
serialize
setcookie
sha1
sha1_file
shuffle
soundex
sprintf
strcmp
stripslashes
strip_tags
stristr
strlen
strpos
strrev
strripos
strrpos
strstr
strtolower
strtoupper
str_pad
str_repeat
str_replace
str_rot13
substr_count
trim
ucfirst
ucwords
utf8_decode
utf8_encode

wordwrap


하지만 용량이 약 100kb가 되어서 사용하기에 부담되는것이 사실이었는데요. 지난 14일 WOWpc님 께서 주석을 제거한 버전과 압축된 버전을 공개해주셨습니다. 라이센스가 MIT 라이센스이니 문제는 없을것 같습니다.

http://wow-reference.tistory.com/74

약 1/3에 해당하는 주석을 제거한 버전이 55kb 또 이 버전을 다시 압축한 버전이 37kb정도군요
감사합니다. 님~




이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/18
Tracked from WOWpc's Reference... | 2008/07/18 13:00 | DEL
PHP의 함수 일부를 JS에서 사용할 수 있도록 포팅시켜놓은 프로그램 발견 ^^ 제법 유용한 함수들이 많이 들어있다. 이곳에서 다운.. http://kevin.vanzonneveld.net/techblog/article/phpjs_licensing/ 혹시 연결이 안 되면 여기서 받으세요 php.js 다운로드 받으면 용량은 약 100KB 소스를 열어보면 주석이 1/3..... 주석 몽땅 제거하고 보니 55KB다. 위의 사이트에서 원본 다운로드가 안되거..
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret