창조유저그룹-커즈닷컴

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

LIST ALL

Posted by 박종훈

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

[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 이미지를 사용하면 정말 그럴싸하겠군요!