웹프로그래머

jquery를 사용하는 방법.

이렇게 사용한다.

$는 jquery라는 것을 알리기위한 asp에서는 <% %>, php <?php ?> 정도인거 같다.

$대신 jQuery를 적어도 무방하다.

http://jquery.com

2009/09/27 예정중...

인원 : 이몸, 민우, 정영, 정민, 인환, 인환여친(?)

코스 : 부산 - 구례로 이동(3시간 소요) - 군내버스로 성삼재로 이동(40분 소요) - 노고단 등반 - 이후 협의

출발 : 7시 서부시외버스터미널

성삼재 지명유래는 삼한시대에 진한군에 밀리던 마한왕이 피난할 때, 남쪽능선은 가장 중요한 곳이므로 성이 다른 3명의 장군을 배치 방어케 하였으므로 성삼재라 부르게 되었다는 전설이 있다.성삼재 ~ 노고단 구간은 연중 탐방이 가능한 코스로 소요시간은 편도 약 1시간(4.7km)이며, 차량 통행은 금지되어 있다. 성삼재휴게소를 출발하여 30분정도 올라가면 무넹기(해발1,250m)가 나온다. 무넹기의 지명유래는 물길을 다른 곳으로 돌려서 고개를 넘겨 흐르게 한다고 하여 무넹기라고 지명되었으며, 이곳은 시야가 넓은 곳으로 조망대가 설치되어 구례읍 전경과 섬진강을 한눈에 바라볼 수 있다. 지리산 10경중의 하나인 노고단운해를 감상하며 잠시 휴식을 취할 수 있는 곳이기도 하다.무넹기에서 700m정도 평지를 걷다 보면 노고단대피소로 갈 수 있는 갈림길이 나온다. 노고단계곡 바로 옆 우측계단으로 오르는 지름길과(약 10분 소요) 흙길(약 20분 소요)을 따라 걷는 두 갈래의 길이다. 노고단대피소에서 노고단고개(해발1,430m)까지는 계단길과 평길을 이용하여 오를 수 있다. 계단길은 약 200m로 10분정도 소요되지만, 여유 있는 탐방객은 피아골계곡, 화엄사계곡, 문수리계곡, 왕시루봉, 섬진강 등을 한눈에 볼 수 있다.

인환이의 요청으로 천왕봉까지 가는 코스도 고려중.

당일치기로 정상까지 가려면 힘들지 않을까? 다 초보인데.

코스 : 중산리 → 로타리산장 → 천왕봉 → 장터목대피소 → 중산리

음...

지리산 계획서.doc

이전 포스트에서 잠깐 나온 쿠키플러그인

$.cookie('the_cookie');     // get cookie
$.cookie('the_cookie', 'the_value');     // set cookie
$.cookie('the_cookie', 'the_value', { expires: 7 });     // set cookie with an expiration date seven days in the future
$.cookie('the_cookie', '', { expires: -1 });      // delete cookie
$.cookie('the_cookie', null);     // delete cookie

플러그인 원본이 어디있는지 잊어버려서 링크를 못 걸겠다. ㅜ,.ㅜ

jquery.cookie.min.js

<style type="text/css">
/* Popup Style */
.dragDiv { position:absolute; z-index:1000; background-color:#EFF7FF; border:1px solid #96C2F1; }
.dragDiv h5 { background-color:#B2D3F5; padding:5px; height:16px; margin:1px; font-size:12px; }
.dragDiv .pop_content { position:relative; }
.dragDiv .pop_btn { margin:3px 5px 3px 3px; text-align:right; height:20px; vertical-align:middle; text-align:middle; }
.dragDiv .pop_sub { width:100%; height:100%; }
.dragDiv .pop_sub_title { text-align:center; margin:5px; padding:0; font-size:14px; }
.dragDiv .pop_sub_content { margin:0 5px; padding:0; }
</style>

<script type="text/javascript">
     $(function() {
          $('.dragDiv').Drags({
               handler: '.handler',
               zIndex:1000,
               opacity:.9
          });
     });
     function popHide( arg ) {
          $("div[id='"+ arg +"']").fadeOut("fast");
     }
     function popFired( arg, day ) {
          $.cookie( arg, 'closed', { expires: day });
          popHide( arg );
     }
</script>

<div id="dragDiv" class="dragDiv">
     <h5 class="handler">팝업 타이틀<a href="#" onclick="popHide('dragDiv');return false;" class="fr">닫기</a></h5>
     <div class="pop_content">팝업 내용</div>
     <div class="pop_btn">
          <label><input type="checkbox" name="" value="" onclick="popFired('dragDiv','1');" />하루동안 창닫기</label>
     </div>
</div>

드래그가 가능한 팝업창. 쿠키를 지원한다.

쿠키와 드래그 스크립트 파일을 로드해야 가능.

jquery.drag.js

jquery.cookie.min.js

간단하게 툴팁을 보여줄수 있다.

$("a").wTooltip();   // 모든 'a' 태그에 툴팁을 보여줌.

$("#block p").wTooltip({content: "Hello World"});

홈페이지 : http://wayfarerweb.com/wtooltip.php

jquery.wtooltip.js