본문 바로가기

방명록

  • 2009.08.21 11:09

    비밀댓글입니다

    • 우렁씨 2009.08.23 19:27 신고

      답변이 늦었네요..;

      자세힌 안봤지만, 혹시 관련사이트 이 이미지가 accordion이 펼쳐질때 덮어 버린 다는 말씀이죠?

      혹시 position:absolute 아닌가요? relative 로 바꿔도 그런가요?

  • 2009.08.14 09:09

    비밀댓글입니다

    • 우렁씨 2009.08.14 13:18 신고

      제가 잘 이해 했나 모르겠네요.
      즐프 하세요~


      <script type="text/javascript">
      function linkShow(e){

      wH = $(window).height();//전체창 높이 구하고
      bY = e.pageY; //현재 클릭된 객체 Y값 구함.
      dH = $("#div").outerHeight(); //펼칠 레이어 높이 구함
      lH = $("#link").height(); //link높이
      lY = $("#link").position().top;//link Y

      /////상단은 항상 띄울 공간이 있다는 전제하입니다. 만약 없다면 if문 하나더 추가하던가 조건을 반대로 돌리면..
      if((wH - bY) > dH){ //클릭한 위치가 펼칠 레이어 높이보다 작게 남아 있을때 위로 펼침
      $("#div").css({"top":lY+lH}); //레이어 띄울 위치값
      $("#div").toggle().fadeIn();
      }else{
      $("#div").css({"top":lY-dH});
      $("#div").toggle().fadeIn();
      }
      }

      $(function(){
      $("#link").bind(
      "click",
      {link:'a'},
      linkShow);
      });

      </script>
      <body>
      <style type="text/css">
      body {font-size:9pt;line-height:1.6em}
      a {display:block;}
      #div {position:absolute;display:none;width:200px;height:150px;overflow-y:auto;border:1px solid #ccc;}
      </style>

      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
      <a href="javascript:void(0);" id="link">관 련 링 크</a>
      <div id="div">
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      <a href="http://daum.net" target="_blank">다음</a>
      </div>
      <br /><br /><br /><br /><br />

      <div id="log"></div>
      </body>

  • 2009.08.06 17:08

    비밀댓글입니다

    • 우렁씨 2009.08.07 08:49 신고

      후배, 부담되시겠네요 ^^

      링크란 의미가 php 의 include 랑 같은거 맞죠?

      그럼 일반 스크립트는
      document.write('<script src="file.js"><'+'/script>');
      하고요,

      굳이 jquery에서 쓸일이 없어 생각도 안하고 있었는데 저도 찾아보니 기본 유틸엔 없는거 같네요.

      그런데 플러그인 형태로 다행이 있습니다.ㅎㅎ
      css도 인클루드 되네요

      http://plugins.jquery.com/project/includedemand

      기본 사용법은 간단히 $.include('file.js');
      등 여러개가 있습니다.

      file.js 안의 함수를 읽어올때는 로드가 된후 실행해야하니 .load 이벤트와 같이 사용해야 좋겠습니다.

  • 2009.07.31 11:24

    비밀댓글입니다

    • 우렁씨 2009.07.31 19:02 신고

      저역시 초보때 많은 분들께 도움을 받아서 이제서 갚는건데요 ^^

      담에 꼭 많은 초보들에게 갚으세요~

  • 2009.07.29 13:16

    비밀댓글입니다

  • 2009.07.27 14:34

    비밀댓글입니다

    • 우렁씨 2009.07.27 15:07 신고

      예전엔 히든으로 했었죠. 이젠 ajax가 대세라..^^

      kimyh공공삼(앳)gmail.com

      이니 문의 사항있으시면 아는데까지 도와드릴께요.ㅋ

  • 김정옥 2009.07.27 12:01

    주말 잘 보내셨어요^^ ㅎㅎ
    이번엔 ajax와 form플러그인을 연동해서 로그인페이지를 변경하고 있습니다.

    $("폼아이디").ajaxForm({
    type: "post",
    dataType: "html",
    url: "login.php",
    beforeSubmit: function() {
    },
    success: function() {
    },
    resetForm: true
    });
    이렇게 넘기긴 했는데..
    data라는 배열로 넘어갔는데..
    login.php에 data값을 어떻게 활용해야 하는지 잘 모르겠어요^^;;

    $_POST["id"]이렇게는 안 넘어갈 것 같아서요..
    시간나시면 답변 부탁드립니다^^ ㅎㅎ

    • 우렁씨 2009.07.27 13:59 신고

      $("폼아이디").ajaxForm();

      는 폼아이디 의 폼의 값을 모두 전송합니다.


      <form name="f" id="f">
      <input name="id" />
      <input name="pw" />
      </form>
      라면

      $("f").ajaxForm();

      이렇게 해서 처리되면 php 파일에선

      $_POST["id"], $_POST["pw"] 받을수 있습니다.
      dataType은 success 했을때 받을 데이터 형태입니다.

      작업하시는 페이지도 보고싶어지네요^^

      그럼 수고염 ^^

  • 김정옥 2009.07.23 18:17

    너무 감사드려여~ㅎㅎ 잘 되네여..ㅎㅎ
    더 열심히 공부해야겠어여..

    너무너무 감사합니다~ㅎㅎ

  • 김정옥 2009.07.23 15:28

    우렁각시님..
    위아래로 스크롤에 따라오는 퀵 메뉴에 대해 질문드려요..

    $(window).load(quick_menu_slide).resize(quick_menu_slide).scroll(quick_menu_slide);

    현재는 event에 바로 함수만 썼는데.. quick_menu_slide함수에 인수를 넣어서..
    기본 top값을 변경하여 스크롤되게 하려 했는데..
    예로..
    $(window).load(quick_menu_slide(100)).resize(quick_menu_slide(100)).scroll(quick_menu_slide(100));
    모 이런식으로 숫자를 넣어서..했더니..
    처음 로딩 되서만 스크롤이 되고..
    바로 고정되어 움직여지지 않네여..^^;;

    아직 초보라 그런지 어렵네여..
    혹시나 해결책이 있다면 답변 부탁드립니다!!

    • 우렁씨 2009.07.23 16:25 신고

      나머지 소스는 수정하신거죠?

      각 메서드 안에 인자를 넣을때는
      .load(function(){fun(100);}) 이렇게 해야하는데 그부분이 빠졌네요.

      그래서,
      $(window).load(function(){quick_menu_slide(200)}).resize(function(){quick_menu_slide(200)}).scroll(function(){quick_menu_slide(200)});

      이렇게 하면 해결 될것 같습니다. ^^

      안되면 소스를 보여주시면 아는데까지 알려드릴께요

      즐블하세요.

  • 2009.01.29 00:47

    비밀댓글입니다