ajax
-
[강좌] div로 만든 스크롤의 위치 알아내기달을파는아이 2008. 9. 2. 07:43
div 에 overflow:auto; 를 먹여주면 , iframe 처럼 생긴 박스를 만들수 있다. 이 박스가 iframe 보다 좋은건 따로 페이지를 만들어서 링크를 걸어줘야 하는 불편함이 없다는 점이랄까? div에 스크롤을 만들었을때 , 스크롤되고 있는 위치를 알아내는 방법이다. 스크롤 위치를 알아내면 다양한곳에 응용이 가능하다. 예를 들면 , paging 을 대체할수 있다. 내용의 스크롤을 내리고, 현재위치를 계산해서 어느정도 스크롤이 되었을때 div 내용 아래쪽에 다음 페이지 내용을 추가 해주는것이다. 이렇게 하면 사용자는 그냥 휠로 스크롤을 내리면 되고 리스트를 계속 볼수 있게 된다. http://wgirls.nonun.com/ 를 방문하면 위에서 예로 설명한것을 몸으로 알수 있다. 스크롤을 내리면..
-
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..
-
[강좌] 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 나 세션쓸때와 같다고 보면 된다. 이 다음에는..