이전
목록
다음
행

캡챠이미지와의 충돌은 어떻게 처리하시나요 ?

행님
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2010-11-04 (목) 10:17:24 · 2059 · 3
메인에 메뉴 하나 올리는 스크립트가 게시판의 쓰기, 게시물 보기 덧글 달기 부분의 캡챠이미지와 충돌합니다.

제가 올리고자 하는 소스

<script type="text/javascript">
$(function() {
    /**
    * for each menu element, on mouseenter,
    * we enlarge the image, and show both sdt_active span and
    * sdt_wrap span. If the element has a sub menu (sdt_box),
    * then we slide it - if the element is the last one in the menu
    * we slide it to the left, otherwise to the right
    */
$('#sdt_menu > li').bind('mouseenter',function(){
     var $elem = $(this);
     $elem.find('img')
       .stop(true)
       .animate({
       'width':'170px',
       'height':'170px',
       'left':'0px'
       },400,'easeOutBack')
       .andSelf()
       .find('.sdt_wrap')
          .stop(true)
       .animate({'top':'100px'},500,'easeOutBack')
       .andSelf()
       .find('.sdt_active')
          .stop(true)
       .animate({'height':'60px'},300,function(){
      var $sub_menu = $elem.find('.sdt_box');
      if($sub_menu.length){
       var left = '170px';
       if($elem.parent().children().length == $elem.index()+1)
        left = '-170px';
       $sub_menu.show().animate({'left':left},200);
      } 
     });
    }).bind('mouseleave',function(){
     var $elem = $(this);
     var $sub_menu = $elem.find('.sdt_box');
     if($sub_menu.length)
      $sub_menu.hide().css('left','0px');
     
     $elem.find('.sdt_active')
       .stop(true)
       .animate({'height':'0px'},300)
       .andSelf().find('img')
       .stop(true)
       .animate({
       'width':'0px',
       'height':'0px',
       'left':'85px'},400)
       .andSelf()
       .find('.sdt_wrap')
       .stop(true)
       .animate({'top':'25px'},500);
    });
            });
/script> 

// 요 부분에서 딱 막히지 말입니다.

$('#sdt_menu > li').bind('mouseenter',function(){

//캡챠 부분만 삭제하면 이쁘게 경고 리본을 달지 않습니다.

혹시 충돌없는 캡챠이미지 생성 소스 없을까요 ?
#개발자톡 #개발자
|

댓글 3개

행행님
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2010-11-04 (목) 10:18:17
/script> ==> </script> 변경하옵니다.
행행님
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2010-11-04 (목) 10:37:11
제이쿼리로 변경해서 성공은 했는데 말입니다.
다시 읽기하면 텅빈이미지라 꼭 클릭을 해야만 나타나는 현상이 있습니다.

좋긴한데 ... 머라 말하기도 그렇고 아무튼 니가 먼저니 내가 먼저니... 서로 티격태격 싸우지 않으니 기분은 좋습니다.
행행님
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2010-11-04 (목) 11:41:54
파폭에서는 아예 얼씬거리지도 않습니다. 꼭꼭 숨어 버리네요.

결국............................................

프로토타입 빼고 아작스로 해결 보았습니다.
제이쿼리와 프로토타입의 충돌이 있다고 합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-11-17 조회 2,500
10-11-17 조회 2,259
10-11-16 조회 2,567
10-11-16 조회 2,071
10-11-16 조회 2,300
10-11-15 조회 2,769
10-11-15 조회 2,275
10-11-15 조회 3,023
10-11-15 조회 2,040
10-11-15 조회 2,145
10-11-15 조회 2,698
10-11-15 조회 2,382
10-11-14 조회 2,043
10-11-14 조회 4,260
10-11-14 조회 2,565
10-11-14 조회 3,587
10-11-13 조회 3,410
10-11-13 조회 2,409
10-11-13 조회 3,629
10-11-12 조회 2,249
10-11-12 조회 2,634
10-11-11 조회 3,808
10-11-11 조회 2,037
10-11-11 조회 2,646
10-11-10 조회 2,873
10-11-10 조회 2,144
10-11-10 조회 2,507
10-11-10 조회 1,987
10-11-09 조회 3,314
10-11-09 조회 2,838
10-11-09 조회 2,170
10-11-09 조회 1,869
10-11-09 조회 1,948
10-11-09 조회 2,490
10-11-09 조회 2,455
10-11-08 조회 1,860
10-11-08 조회 1,748
10-11-08 조회 2,034
10-11-08 조회 2,032
10-11-08 조회 2,954
10-11-08 조회 1,872
10-11-08 조회 2,018
10-11-08 조회 1,985
10-11-08 조회 2,243
10-11-08 조회 2,993
10-11-07 조회 2,894
10-11-07 조회 1.6만
10-11-07 조회 4,467
10-11-06 조회 2,027
10-11-06 조회 2,036
10-11-06 조회 2,193
10-11-06 조회 1,963
10-11-06 조회 1,923
10-11-06 조회 1.3만
10-11-05 조회 2,525
10-11-05 조회 2,484
10-11-05 조회 2,628
10-11-04 조회 2,527
10-11-04 조회 1,878
10-11-04 조회 2,746
10-11-04 조회 2,263
10-11-04 조회 1,915
10-11-04 조회 2,078
10-11-04 조회 2,133
10-11-04 조회 2,699
10-11-04 조회 2,060
10-11-04 조회 2,033
10-11-04 조회 2,278
10-11-03 조회 2,050
10-11-03 조회 2,902
10-11-03 조회 2,624
10-11-03 조회 4,203
10-11-03 조회 2,910
10-11-03 조회 1,939
10-11-03 조회 1,895
10-11-02 조회 2,111
10-11-02 조회 2,731
10-11-02 조회 2,751
10-11-01 조회 1,952
10-11-01 조회 2,052
10-11-01 조회 2,341
10-11-01 조회 2,550
10-10-31 조회 2,316
10-10-31 조회 2,266
10-10-31 조회 2,527
10-10-30 조회 1,951
10-10-30 조회 1,920
10-10-30 조회 2,438
10-10-30 조회 1,930
10-10-29 조회 3,086
10-10-29 조회 3,666
10-10-29 조회 2,093
10-10-29 조회 2,173
10-10-29 조회 3,057
10-10-28 조회 2,281
10-10-28 조회 2,369
10-10-28 조회 2,776
10-10-28 조회 2,932
10-10-28 조회 3,200
10-10-27 조회 2,499
글쓰기