달을파는아이
-
[CSS] 자바스크립트 없이 재빠른 롤오버 버튼 만들기달을파는아이 2008. 4. 27. 15:51
출처 : How to make Buttons with Hover Load Faster 자바스크립트를 이용하지 않고 단지 css만을 이용해서 롤오버를 만드는 방법이다. 예제 css : .nav a:link, .nav a:visited { width: 160px ; height: 30px ; display: block; overflow:hidden; background: url(’images/nav1.gif’) 0px 0px no-repeat; } .nav a:hover, .nav a:active{ background-position: 0px -30px; } css 소스와 이미지만 보고 대충 감잡은 분들도 있을거란 생각이 든다. 원리는 간단하다. 한 이미지에 노멀할때랑 롤오버되었을때를 같이 만들어 넣는다. ..
-
개발자는 즐겁고 싶다. 불면증이 없는 밤을 보내고 싶다달을파는아이 2008. 4. 27. 13:36
개발자여 , 즐거워져라 . 개발자의 하루 하루는 꽤나 피곤합니다. 해야 할 일들은 잔뜩 쌓여 있고, 무엇을 만들어야 할 지도 모를 때에 결정 된 숨막힐정도로 타이트한 개발 일정은 가슴을 답답하게 만듭니다. 야근을 밥 먹듯이 하는 것이 당연해지고, 몸은 점점 지쳐 갑니다. 저건 내모습이다!! 저건 바로 내 몸을 떠난 영혼이 나를 바라보는 모습이야.. 잠이 오질 않는다. 내일이 일요일이었으면 좋겠다. 그러면 잠이 오지 않아도 마음만은 편안할텐데.. 4시가 다되어 가는데 도저히 잠이 오질 않는다. 머리속에서 생각과 생각이 썩여 쉼없이 돌아가는 공장의 기계같은 소음을 낸다. 개발자의 비애다. 일정을 못맞춘다는건 정말 괴롭다. 물론 나의 도력이 미진한 탓이겠지만 .. 그래도 놀았다는 눈치를 받는건 정말 참을수가 ..
-
ajax 팝업의 완결 shdowbox.js달을파는아이 2008. 4. 27. 13:21
ajax 팝업들의 종류는 많다. 그중에서 소개할 팝업스크립트는 쉐도우박스다. 그림자상자라는 이름의 이 프로그램은 제목에도 써놨지만 팝업의 완결이다. 모든 종류의 팝업을 다 처리할수 있으며 사용법이 너무 쉽다. SHADOWBOX(http://mjijackson.com/shadowbox/) 쉐도우박스를 쓰는 이유는 너무나도 간단한 사용법과 역동적인 화면, 그리고 이미지뿐만 아니라 페이지,동영상 ,flash, 기타 등등 필요한 모든 기능을 제공한다는 점이다. 그리고 너무 가볍다. (이 가볍다는것이 나에겐 아주 중요하다. 내가 dojo 를 쓰지 않는 이유가 너무 무겁다는것..) 물론 어떤 브로우저에서도 잘 작동한다. Firefox 1.5+ Camino Safari 2+ Opera 9+ Internet Explo..
-
if(개발자 == 떡뽑는기계){ exit; }달을파는아이 2008. 4. 27. 13:19
떡뽑는 기계는 밀가루를 밀어넣으면 어떻게든 떡이 되어 밀려나온다. 간혹 개발자라는 소임을 하고 있다 보면 내가 떡뽑는 기계가 아닌가 하는 의구심이 든다. 프로젝트를 밀어넣기만 하면 떡이 밀려나오는줄 알는 PM들과 영업자들을 대하고 있으면 짜증이 저절로 난다. 물론 이해한다. 클라이언트들이 닥달하고 싫은 소릴할 수 가 없는 그네들 입장을 충분히 이해하고 남는다. 하지만 떡뽑는 기계에도 가용한 밀가루양이라는게 있다. 무조건 밀가루를 밀어넣고 왜 안나와 해봐야 소용이 없다. 그렇게 기계를 고장내놓고는 기계가 후지다고 한다. 오늘도 사방에서 나를 향해외친다. "오늘까지해야되요" , "급한거예요" , "안해준다고 계속 전화와요" 정말 exit; 치고싶다. "씨.. 밀어넣는다고 다 밀려나오는게 아니란 말이야!!" ..
-
[강좌] xajax 강좌 #4달을파는아이 2008. 4. 27. 13:16
요즘 프로그램 하면서 xajax를 여기 저기 써보고 있다. 약간씩 생각지도 못했던 불편함들이 있지만 , php에서 쓰기에는 최상인것같다. 여기에 prototype 을 약간 버무려주면 더 좋다. 3강에서 끝낼려고 했는데 , 가만히 보니 가장중요한게 빠졌다 바로 form 에 있는 데이타를 넘겨받아서 처리하는 부분!!! 이 얼마나 중요한 부분인가!! -_-;; 의외로 쉽다. 그냥 싸작스 함수를 불러올때 xajax.getFormValues 해주면 된다 그리고 상단에 넣었던 function 에서 배열로 불러오면 된다. 예를 들어 아래 버튼을 누르면, 버튼이 포함된 form 안의 내용들이 배열이 되어서 test 함수로 넘어간다 test 함수에서는 그냥 배열을 요리하면된다. function test($arr){ ....
-
[강좌] xajax 강좌 #3달을파는아이 2008. 4. 27. 13:16
아래는 추가적으로 함수 안에서 쓸수 있는 함수들이다. 구찮아서 해석은 하지 않습니다. -_- addAssign($sTargetId,$sAttribute,$sData) Assigns the $sAttribute of the element identified by $sTargetId to $sData $objResponse->addAssign("contentDiv","innerHTML","Some Text"); $objResponse->addAssign("checkBox1","checked","true"); addAppend($sTargetId,$sAttribute,$sData) Appends $sData to the $sAttribute of the element identified by $sTargetI..
-
[강좌] xajax 강좌 #2달을파는아이 2008. 4. 27. 13:01
xajax는 php에서 ajax를 쉽게 사용할수 있게 하는 class 다. 힘들게 javascript 함수를 만들필요없이 , php 에서 원하는기능을 만들어서 넣으면 자동으로 javascript로 변환된다. 소스보기를 해도 javascript 함수가 나오지 않는다. xajax가 다른 것보다(sajax나 najax 처럼 php에서 javascript 생성해주는..) 좋은점은 쉽다는거다. 쉽다는 증거는 내가 하고 있다는거다. xajax 사용법 1에서는 xajax를 사용하기 위한 기본세팅을 배웠다. 사용법2에서는 본격적으로 xajax라는 넘을 사용해 먹기위해 함수를 function을 만드는 법을 배워 보겠다. function들은 1강에서 말했던거처럼 페이지 맨위에 넣어두었던 소스들 사이에 들어간다. requi..
-
[강좌] xajax 강좌 #1달을파는아이 2008. 4. 27. 12:47
xajax 10분만에 배우기 위에 링크에 가면 , 싸작스를 10분만에 배울수 있는 매뉴얼이 있다. 그 내용에 덧붙여 사용하는 법을 설명해보겠다. 먼저 아래소스를 페이지 가장 처음에 넣는다 require_once("xajax/xajax.inc.php"); $xajax=new xajax(); function test(){ .... } $xajax->registerFunction("test"); $xajax->processRequests(); 당연히 xajax/xajax.inc.php 는 있어야 한다. xajax 클래스는 아래링크에서 구할수 있다 xjax 다운로드 주의할점은 절대 공백이나 html 코드나 기타 글자나 그런것이 소스앞에 나와서는 안된다. header 나 세션쓸때와 같다고 보면 된다. 이 다음에는..