요즘 계속 자바스크립트 관련된 포스팅을 하는 것 같은데
부쩍 관심이 늘어서 인가?
아니면 한글 정보가 부족함을 채우려고 하는 것인가?
일단 오늘의 스크립트
자바스크립트 변수를 쿠키없이 세션 변수처럼 사용하기
원리는 간단하다
window.name 으로 변수를 설정하면 페이지 리로드가 되도
그 값은 변하거나 리로드 되지 않음을 알 수 있다.
이 특징을 가지고 구현한 것인데.
물론 FireBug 같은 툴로 값을 조작할 수도 있기 때문에
보안적으로 중요한 것들은 사용하지 않는 것이 좋겠다.
하지만 간단하게 세션을 유지 하고자 한다면 이 방법도
상당히 유용한 방법이 아닐까? 싶다.
또한 서버와 브라우저간의 암호화가 가능하다면 혹은
Validate를 위한 값이라면
상황에 맞게 생성해서 사용 하는 것 또한 가능하다.
마지막으로
위 링크의 라이브러리를 보면
crossDomain도 지원해준다.
유훗~
'javascript'에 해당되는 글 8건
- 2008/05/14 Javascript Session Variables without Cookies ; 쿠키 없이 세션 변수 사용하기
- 2008/05/09 Javascript vi Implements and Syntax hightlighter, 자바스크립트로 구현한 VI, 코드 하이라이터 (1)
- 2008/03/04 escape(), encodeURI(), and encodeURIComponent() in javascript
- 2008/01/28 Swap Element in Javascript
- 2007/09/14 자바스크립트를 로드해오는 북마클릿
- 2007/09/13 Action Recorder as Bookmarklet
- 2007/07/09 Javascript 에서 Event 객체 생성으로 해보는 Click~
- 2007/04/18 웹 브라우저에서 루비를..
구글의 AJAX 천명 이후
천대 받던 자바스크립트의 재조명이 이루어지고
점점 발전하는 하드웨어로
절대 나오지 않을 것만 같았던 구현체들이 속속히 등장하고 있다.
오늘은 가장 단순하면서 널리 사용되는 텍스트 에디터.
vi의 자바스크립트 구현체를 소개하겠다.
위 링크를 열어 보면 단순히 textarea에 수정하고자 하는 텍스트를 넣어두고
vi.js그리고 스타일이 들어 있는을 연결시켜 놓으면 사용 준비 완료이다.
사용 용법은
onfocus="editor(this);"
를 원하는 텍스트에리어에 넣어주면 되는 것이다.
하지만
실제로 사용될 일은 얼마나 있을지 의문이다.
나 같으면
Seaside 같은 프레임워크를 만들 때 사용하는 것이 좋지 않을까? 싶은데.
일단은 블로그 덧글쪽에 붙여보면 재미 있을 것 같은데..
귀차니즘에...
또 하나
Kay의 블로그에서 본 Syntax Highlighter
우리 같이 코드 예시를 많이 사용하는 사람들에게 필요한 스크립트이다.
물론 전에 어디에선가 보았던것 같고 나름 유명해 보이는데..
IT's Lives에서도 플러깅 시켜놔야할 것 같아
이렇게 붙어 간다. ㅎㅎ
'indirect' 카테고리의 다른 글
| Javascript Session Variables without Cookies ; 쿠키 없이 세션 변수 사용하기 (0) | 2008/05/14 |
|---|---|
| Javascript vi Implements and Syntax hightlighter, 자바스크립트로 구현한 VI, 코드 하이라이터 (1) | 2008/05/09 |
| 자바스크립트로 윈도우 정품 인증 회피하기; Disable Genuine Windows Validation With Javascript (0) | 2008/04/30 |
| Erlang과 웹프레임워크와 관련된 움직임들 (1) | 2008/04/29 |
자바스크립트에서 인코딩 할 때 곧잘 쓰이는 함수인
escape, encodeURI, encodeURIComponent 에 대해 비교한 글이 있다.
http://xkr.us/articles/javascript/encode-compare/
escape, encodeURI, encodeURIComponent 에 대해 비교한 글이 있다.
http://xkr.us/articles/javascript/encode-compare/
'transmissive' 카테고리의 다른 글
| Firefox Web Protocal Handler, Lexical Closure, Groovy And JRuby (6) | 2008/05/02 |
|---|---|
| escape(), encodeURI(), and encodeURIComponent() in javascript (0) | 2008/03/04 |
| andLinux (0) | 2008/02/25 |
| Rails 2.0: Preview Release (0) | 2007/10/02 |
후리자의 코드..
ㅋㅋ
고맙다.
이걸로 테이블 요소를 뒤집는데 사용했다.
나도 질 수 없어서
이걸로 마무리
ㅋㅋ
고맙다.
function swapElement(oSrc, oDst) {
var oSrcBase = {
'parent' : oSrc.parentNode,
'sibling' : oSrc.nextSibling
};
oDst.parentNode.insertBefore(oSrc, oDst);
oSrcBase.parent.insertBefore(oDst, oSrcBase.sibling);
}
이걸로 테이블 요소를 뒤집는데 사용했다.
나도 질 수 없어서
function seachSelectedElement(array, idIndex){
for( i = 0 ; i < array.length ; i++){
if(array[i].id == idIndex){
return i;
}
}
}
selectedIndex = seachSelectedElement(tagBody,idIndex);
이걸로 마무리
'indirect' 카테고리의 다른 글
| stanford Univ.에서 Cocoa 프로그래밍을 가르쳐 준다. (0) | 2008/01/29 |
|---|---|
| Swap Element in Javascript (0) | 2008/01/28 |
| Sync All My Life in the network (0) | 2008/01/24 |
| 좋은 프로그래머가 되기 위한 방법 : 전경헌@사이냅소프트 (0) | 2007/09/04 |
XRAY의 구현방식
javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');
이제 http://westciv.com/xray/thexray.js 는 어떻게 구성되어 있는지 까볼 차례..
ajax call 처리라던지..
js 파일 안의 함수를 직접 호출하는 것 역시 상당히 괜찮을 것 같다.
function loadScript(scriptURL){위 코드를 북마클릿에서 선언하고 불러온다.
var scriptElem = document.createElement('SCRIPT');
scriptElem.setAttribute('language', 'JavaScript');
scriptElem.setAttribute('src', scriptURL);
document.body.appendChild(scriptElem);
}
javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');
이제 http://westciv.com/xray/thexray.js 는 어떻게 구성되어 있는지 까볼 차례..
ajax call 처리라던지..
js 파일 안의 함수를 직접 호출하는 것 역시 상당히 괜찮을 것 같다.
'idea' 카테고리의 다른 글
| 자바스크립트를 로드해오는 북마클릿 (0) | 2007/09/14 |
|---|---|
| Action Recorder as Bookmarklet (0) | 2007/09/13 |
북마클릿은 전에 제1회루비세미나에서 처음 제이슨파님의 프리젠테이션 북마클릿으로 처음 알게 되었다.
Mark "Tarquin" Wilton-Jones의 사이트에서 Javascript의 Event 생성에 대해 처음 알게 되었는데,
이 두가지를 엮어 내보는 것은 어떨까? 싶은 생각이 들었다.
사용자가 클릭이나 키 누르는 것을 그대로 시뮬레이션 하도록 하는 것이 목표이고
그 스크립트를 녹화 기능도...
벌써부터 난관이 눈앞에 펼쳐지네..
물론 북마클릿이 IE에서는 508자가 최고 길이라
전체 소스를 불러 들이는 것은 무리수가 있고..
서버와 통신하면서 동작하는 방식으로 구현한다면
꽤 나름 유용할 것 같다.
아이디어 제공은 IBM alphaWorks의 CoScripter
이 방식의 단점은 FireFox의 Plugin형식으로 구현되어 있어서
파이어폭스에서만 사용 가능하다는 점이다.
북마클릿으로 구현한다면 나름 CrossBrowsing을 지원하게 되는데..
쓸모 있을지는 좀 더 구현해봐야겠다.
참고사이트
Mark "Tarquin" Wilton-Jones의 사이트에서 Javascript의 Event 생성에 대해 처음 알게 되었는데,
이 두가지를 엮어 내보는 것은 어떨까? 싶은 생각이 들었다.
사용자가 클릭이나 키 누르는 것을 그대로 시뮬레이션 하도록 하는 것이 목표이고
그 스크립트를 녹화 기능도...
벌써부터 난관이 눈앞에 펼쳐지네..
물론 북마클릿이 IE에서는 508자가 최고 길이라
전체 소스를 불러 들이는 것은 무리수가 있고..
서버와 통신하면서 동작하는 방식으로 구현한다면
꽤 나름 유용할 것 같다.
아이디어 제공은 IBM alphaWorks의 CoScripter
이 방식의 단점은 FireFox의 Plugin형식으로 구현되어 있어서
파이어폭스에서만 사용 가능하다는 점이다.
북마클릿으로 구현한다면 나름 CrossBrowsing을 지원하게 되는데..
쓸모 있을지는 좀 더 구현해봐야겠다.
참고사이트
- 북마클릿의 선구자? : http://www.squarefree.com/bookmarklets/
- 서버와 통신으로 로직처리하는 북마클릿 : http://www.dominspect.com/
- 서버와 통신하는 북마클릿 : http://www.westciv.com/xray/
'idea' 카테고리의 다른 글
| 자바스크립트를 로드해오는 북마클릿 (0) | 2007/09/14 |
|---|---|
| Action Recorder as Bookmarklet (0) | 2007/09/13 |
작년 5월 쯤 RoR로 구현하는 File Explorer 를 제작해본 적이 있다.
그 때 발견한 유용한 사이트
www.howtocreate.co.uk
영국의 젊은 웹 프로그래머 Mark Wilton-Jones 의 사이트로써 나와 동갑이다..(실력차이는 엄청나지만..)
번역을 하고 싶을 정도로 잘 정리된 글들이지만.
필자가 번역을 달가와하지 않기 때문에 부분적인 발췌만을 하도록 하겠다.
먼저 코드 나갑니다.
아쉽게도 위의 코드상에는 문제가 있다.
Anchor 나 Input에서는 onclick이벤트가 정확하게 표현되고 있지만,
다른 option 태그에서는 이벤트가 제대로 전달되지 않는 문제가 있다.
(작년에는 분명 Anchor를 사용한거군.)
이것으로 이벤트객체와 각 타겟 간의 호환성? 적합성? 문제를 따져봐야할 것 같다.
그부분은 다음의 포스팅으로 미루어 두자.
ps. 프로젝트 때문에 조만간 테스트 해봐야 한다. 그때의 코드와 결과를 포스팅 할 것이다.
그 때 발견한 유용한 사이트
www.howtocreate.co.uk
영국의 젊은 웹 프로그래머 Mark Wilton-Jones 의 사이트로써 나와 동갑이다..(실력차이는 엄청나지만..)
번역을 하고 싶을 정도로 잘 정리된 글들이지만.
필자가 번역을 달가와하지 않기 때문에 부분적인 발췌만을 하도록 하겠다.
먼저 코드 나갑니다.
<html>
<head>
<meta http-equiv=Content-type content=text/html; charset=utf-8>
<script type="text/javascript">
window.onload = function(){
var fireOnThis = document.getElementById('third');
var evObj = document.createEvent('MouseEvents');
evObj.initEvent( 'click', true, false );
fireOnThis.dispatchEvent(evObj);
}
</script>
</head>
<body>
<a href="#" onclick="alert('anchor')" id="anchors">anchors</a>
<select id="select_test" onchange="alert(this.selectedIndex)">
<option id="first" value="first_value">first</option>
<option id="second" value="second_value">second</option>
<option id="third" value="third_value">thired</option>
</select>
</body>
</html>
아쉽게도 위의 코드상에는 문제가 있다.
Anchor 나 Input에서는 onclick이벤트가 정확하게 표현되고 있지만,
다른 option 태그에서는 이벤트가 제대로 전달되지 않는 문제가 있다.
(작년에는 분명 Anchor를 사용한거군.)
이것으로 이벤트객체와 각 타겟 간의 호환성? 적합성? 문제를 따져봐야할 것 같다.
그부분은 다음의 포스팅으로 미루어 두자.
ps. 프로젝트 때문에 조만간 테스트 해봐야 한다. 그때의 코드와 결과를 포스팅 할 것이다.
'direct' 카테고리의 다른 글
| 웹에서 좋은 글을 쓰는 기본 (0) | 2007/09/04 |
|---|---|
| Javascript 에서 Event 객체 생성으로 해보는 Click~ (0) | 2007/07/09 |
| Topcoder 2007 결과...를 보고 (0) | 2007/07/02 |
| 80 vs 20 현실에서는.. (0) | 2007/06/12 |
최근 루비에 대한 관심이 높아져 가고 있는 도중에
여러가지 시도들이 일어나고 있다.
오늘 알게 된 것들..
Running Ruby in Browser 는 자바 애플릿을 통해 기존에 개발되고 있던 jruby의 코드를 사용하여 루비 코드를
나
이런 방식이 가능하다면 서버 스크립트와 클라이언트 스크립트 간의 공통된 언어를 사용할 수 있게 되는 것이다...
좀 더 찾아보니 이런 것들도 보였다.
javascript convert ruby 는 루비 언어로 작성한 코드를 자바스크립트로 변환을 목표로 하고 있다..
새로운 언어로 새로운 방식들이 도입되어 풍족하게 만들고 있다...
ps: 아직 IE에서는 완전하지 않는 듯..
ps2: 개발자 블로그이다. 아직 방향은 찾아가는 중 인 듯
여러가지 시도들이 일어나고 있다.
오늘 알게 된 것들..
Running Ruby in Browser 는 자바 애플릿을 통해 기존에 개발되고 있던 jruby의 코드를 사용하여 루비 코드를
<script type='text/ruby">
%w[foo bar baz].join ', '
</script>
나
<script type="text/x-ruby">이런 방식으로 다루는 것이다.
%w[foo bar baz].join ', '
</script>
이런 방식이 가능하다면 서버 스크립트와 클라이언트 스크립트 간의 공통된 언어를 사용할 수 있게 되는 것이다...
좀 더 찾아보니 이런 것들도 보였다.
javascript convert ruby 는 루비 언어로 작성한 코드를 자바스크립트로 변환을 목표로 하고 있다..
새로운 언어로 새로운 방식들이 도입되어 풍족하게 만들고 있다...
ps: 아직 IE에서는 완전하지 않는 듯..
ps2: 개발자 블로그이다. 아직 방향은 찾아가는 중 인 듯
'indirect' 카테고리의 다른 글
| 좋은 프로그래머가 되기 위한 방법 : 전경헌@사이냅소프트 (0) | 2007/09/04 |
|---|---|
| 웹 브라우저에서 루비를.. (0) | 2007/04/18 |
| Microsoft is dead : paulgraham (0) | 2007/04/10 |
| 성공적인 블로깅을 위한 10가지 방법 (0) | 2007/03/27 |
