블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

 «  » 2025.1
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Category

Recent Post

Recent Comment

Archive

2009. 11. 12. 14:25 .Net Project/Jquery 1.3.2

50장 JQueryEffect 서버 보이기/숨기기 (ShowHide)

반응형
 Effect_ShowHide.htm
간단설명)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title> 서버 보이기 및 숨기기  </title>

    <style type="text/css">

        #my .hover {cursor:pointer; background-color:Yellow;}

    </style>

   

    <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $("#btn").click(function () {

                $('#first').fadeIn('slow');

                $('#second').fadeOut('slow');

            });

        });

   

    </script>

</head>

<body>

<input type="button" id="btn" value="페이드 효과 주기" />

<div id="first" style="display:none ;background-color:Yellow;">

첫번째 영역

</div>

 

<div id="second">

두번째 영역

</div> 

</body>

</html>






반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

52장 JQueryEffect 보이기/숨기기 (SlideUp)  (0) 2009.11.12
51장 JQueryEffect 보이기/숨기기 (FadelnFadeOut)  (0) 2009.11.12
49장 JQueryEvent 동적으로 다른 이벤트 호출 (Unbind)  (0) 2009.11.12
48장 JQueryEvent 동적으로 다른 이벤트 호출 (Trigger)  (0) 2009.11.12
46장 JQueryCSS 검색된 요소 구하기 (OuterWidthAndHeight)  (0) 2009.11.11
posted by Magic_kit
2009. 11. 12. 14:22 .Net Project/Jquery 1.3.2

49장 JQueryEvent 동적으로 다른 이벤트 호출 (Unbind)

반응형
Unbind.htm 
 간단 설명)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>동적으로 이벤트 호출 </title>

    <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            //[!]버튼 클릭할때 마다 호출
            $('#btn').click(function () {

                alert('Click');

 

            });

            //[1]Unbind() 메서드 지정하는 이벤트 해제

            $('#btnUnbind').one("Click", function () {

                $('#btn').unbind("Click"); //바인딩 해제  

            }); 

        });      

    </script>

</head>

<body>

    <div id="my">

        <input type="button" id="btn" value="버튼" class="hover" />

        <input type="button" id="btnUnbind" value="이벤트 해제" class="hover" />

    </div>

</body>

</html> 


 Event Unbind.htm
 간단설명)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

       "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

   <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

 

  <script>

      $(document).ready(function () {

          function aClick() {

              $("div").show().fadeOut("slow");

          }

          $("#bind").click(function () {

              // could use .bind('click', aClick) instead but for variety...

              $("#theone").click(aClick)

                  .text("Can Click!");

          });

          $("#unbind").click(function () {

              $("#theone").unbind('click', aClick)

                  .text("Does nothing...");

          }); 

      });

  </script>

  <style>

       button { margin:5px; }

       button#theone { color:red; background:yellow; }

  </style>

</head>

<body>

     <button id="theone">Does nothing...</button>

     <button id="bind">Bind Click</button>

     <button id="unbind">Unbind Click</button>


<div style="display:none;">Click!</div>

</body>

</html> 









반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

51장 JQueryEffect 보이기/숨기기 (FadelnFadeOut)  (0) 2009.11.12
50장 JQueryEffect 서버 보이기/숨기기 (ShowHide)  (0) 2009.11.12
48장 JQueryEvent 동적으로 다른 이벤트 호출 (Trigger)  (0) 2009.11.12
46장 JQueryCSS 검색된 요소 구하기 (OuterWidthAndHeight)  (0) 2009.11.11
45장 JQueryCSS 검색된 요소 구하기 (WidthHeight)  (0) 2009.11.11
posted by Magic_kit
2009. 11. 12. 14:16 .Net Project/Jquery 1.3.2

48장 JQueryEvent 동적으로 다른 이벤트 호출 (Trigger)

반응형

 Trigger.htm
소스 설명 )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>동적으로 이벤트 호출 </title>

    <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            //[1] btn클릭시 이벤트 처리
                        $('#btn').click(function () {

                            alert('버튼 클릭');

 

                        });

            //[2]페이지 로드시 버튼 클릭
                        $('#my .hover').click(function () {

                            alert('test');

                        });

            //[3]세번째 방식 버튼 클릭시

            $('#my input[type=button]').one("click", function () {

                alert("역시 버튼이 사용자에 의해서 클릭")

            });

        });

            //[4]번째 방식의 bind 메서드 적용

            $('#btn').bind("click", function () {

                alert("4번번째 방식버튼 클릭 입니다 ")

            });

            //[i] 페이지의 로드시 사용자 아닌 코드에 의해서 이벤트 발생

            $('#btn').trigger("click"); //실행하자마자 Click 이벤트 트리거

    </script>

</head>

<body>

    <div id="my">

        <input type="button" id="btn" value="버튼" class="hover" />

     </div>

</body>

</html> 


 EventTrigger.htm
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

                    "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <script src="../../jquery-1[1].3.2-vsdoc2.js"
            type="text/javascript"></script>

 

  <script>

      $(document).ready(function () {

          //첫번째 버튼 클릭시

          $("button:first").click(function () {

              update($("span:first"));

          });
          //두번째 버튼 클릭시

          $("button:last").click(function () {

              $("button:first").trigger('click');

 

              update($("span:last"));

          });

 

          function update(j) {

              var n = parseInt(j.text(), 10);

              j.text(n + 1);

          } 

      });

  </script>

 

  <style>

         button { margin:10px; }

         div { color:blue; font-weight:bold; }

         span { color:red; }

  </style>

 

</head>

<body>

  <button>Button #1</button>

  <button>Button #2</button>


  <div><span>0</span> button #1 clicks.</div>

  <div><span>0</span> button #2 clicks.</div>

</body>

</html> 







반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

50장 JQueryEffect 서버 보이기/숨기기 (ShowHide)  (0) 2009.11.12
49장 JQueryEvent 동적으로 다른 이벤트 호출 (Unbind)  (0) 2009.11.12
46장 JQueryCSS 검색된 요소 구하기 (OuterWidthAndHeight)  (0) 2009.11.11
45장 JQueryCSS 검색된 요소 구하기 (WidthHeight)  (0) 2009.11.11
44장 JQueryManipulation 검색된 요소 완전제거 (Remove)  (0) 2009.11.11
posted by Magic_kit
2009. 11. 11. 16:45 .Net Project/ASP.NET 3.5 Sp1

47장 Market웹 사이트 3계층으로 만들기

반응형
이전 DB생성하고 Web.Config 연결문자열 지정 완료 후 다음 엔터티 구성

1. Common단 
    Securiy.Cs
              Encrypt() : 문자열을 암호화 시키는 메서드

2. Entity단 
   a. DataSet으로 구성하면 편리하다 
   b. List<T> 사용시 Entity 클래스 사용 : ORM을 사용하면 편리 
        i) 테이블 -> 클래스
       ii) 뷰 -> 클래스 
      iii) 저장프로시저 --> DSL에서 메서드로 
     iiii) 엔터티 클래스 정의시 
           접미사로 그냥 테이블명 : 접미사 사용 안함 
           테이블명 + Info
           테이블명 + Details
           테이블명 + Entity
   c. 기존 Market 소스에서 아래 3개 클래스 그대로 가져오기 
       i) Customerdetails 클래스 
      ii) Orderdetails 클래스 
     iii) ProductDetails 클래스
   d. 카테고리 테이블은 CategoryEntity.cs로 수작업 
   e. 나머지는 ORD(LINQ TO SQL)로 만듬 

3. Dac단 

4. Biz단
 
 Market웹 사이트 3계층으로 만들기
1. 엔터티 구성 (Biz, Common, Dac, Entity)

 
2.  Entity -> CategoryiesEntity 추가


3. Entity -> CustomerDetails 클래스파일 추가


4.  Entity -> OrderDetail 클래스 파일 추가 


5. Entity -> ProductDetails 클래스 파일 추가


4. Entity 클래스 안에 DBML파일 생성

5. DBML 탐색기 (테이블 선택 후 마우스 드래그 완료 하면 위와 같은 화면이 출력 된다)




반응형

'.Net Project > ASP.NET 3.5 Sp1' 카테고리의 다른 글

SQL 쿼리 로컬 데이터 베이스로 적용하기  (1) 2010.05.26
MarKet 쇼핑몰 웹 사이트 분석11) 상품검색  (0) 2009.11.10
MarKet 쇼핑몰 웹 사이트 분석10) 카테고리 따른 상품 전체 출력  (0) 2009.11.10
MarKet 쇼핑몰 웹 사이트 분석9) 카테고리 따른 상품 리스트  (0) 2009.11.10
MarKet 쇼핑몰 웹 사이트 분석8) 카테고리 따른 상품 추가  (0) 2009.11.10
posted by Magic_kit

티스토리툴바