창조유저그룹-커즈닷컴

소스자료실
- 창조 소스를 공유하는 곳입니다. 첨부가능 확장자는 *.zip,*.rar,*.arj,*.exe,*.jpg,*.png,*.gif,*.cuf,*.nhp,*.nhw 입니다.

LIST ALL

Posted by 박종훈

2010-07-02 22:20:18, Hit : 6272

[0.9b] 삼지창을 이용한 간단한 웹 연동예제

Homepage : http://qnrdlqkrwhdgns.canxan.com/

File #1 : web_linkage.gif (11.9 KB) Download : 96

File #2 : web_linkage.zip (2.50 MB) Download : 110

Post URL : http://cugz.sjworks.net/bbs/zboard.php?id=pds_sc&no=775)

삼지창을 이용해서 간단하게 웹연동 예제를 만들어 봤습니다.

주소의 변화(페이지의 이동)를 포착해서 간단하게 연동을 하는 예제입니다.
예제라기에는 조금 더러운 면이 있긴 합니다만...

연동하는 원리는 간단합니다.
1. 웹페이지 내에 링크를 겁니다. 그러면 그 링크를 클릭하면 페이지가 이동되겠죠?
2. 이때, [101 페이지 이동하기 전에] 이벤트를 포착해서 창조와 연동을 하게됩니다.
(이동하려는 주소를 창조에서 포착을 해서 상황에 맞는 명령들을 실행하는 거죠.)

* [106 제목이 바뀔 때]를 이용하면 좀 더 깔끔하게 연동할 수 있을듯 합니다.

이 예제에 쓰인 HTML의 경우
링크를 클릭하면 HTML에서는 onclick 이벤트가 실행되면서 자바스크립트로 이미지를 바꿉니다.
그리고 링크를 클릭했으니 어쨌든 페이지가 이동하려고 하겠죠?
이때 창조에서 페이지 이동을 포착해서 연동을 하게 됩니다.

* 지금 예제 같은 경우에는 gif 애니메이션만을 사용했지만, 응용하시면 플레시, 동영상 등등 활용 범위 넓습니다.
* 예제에 나오는 출연하신 분은 카호입니다(.....)

변혁수 2010-07-02 PM 10:24:49


오우 좋군요. (?) 수험생이신데도 열심히 하시는 모습 멋집니다.

박종훈 2010-07-02 PM 10:28:14


기말끝났다고 오늘 하루만(!) 이러고 있답니다-_-

박종훈 2010-07-03 PM 10:47:44


저는 플레시를 다룰줄 몰라서 제작은 못했지만, 플레시 메뉴로 사용도 가능하겠군요! 좀더 시각적인 디자인이 실현되는 건가요~

지상현 2010-07-03 PM 11:19:21


저도 좀 짬이 나면(?) 좀 더 고수준의 샘플을 보여드리겠습니다 -_-;;

박종훈 2010-07-03 PM 11:31:55


위 예제는 매우 간단한 예제죠(..)

지상현 2010-07-04 AM 12:22:46


아-_-;; 제 말이 마치 종훈님 샘플이 저수준이란 소리처럼 보여서 덧붙입니다. 제가 원래 삼지창을 설계하면서 계획했던 수준 높은-_-이 아니고 창조와 삼지창이 협력하는게 고수준인 샘플..을..;;

박종훈 2010-07-04 AM 12:30:01


이 글 위에 위에 있는 댓글 - "위 예제는 매우 간단한 예제죠(..)"란 말은, gif 이미지로 간단하게 제작했다는 말이지 저수준이란 뜻으로 받아들인 건 아니였습니다~ (제가 위 댓글에서 쓴 말이 마치 저수준이라고 받아들였다는 오해의 소지가 있군요;;) 플래시나 좀더 멋있는 gif 이미지를 사용하면 정말 그럴싸하겠군요!