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

calendar

 «  » 2024.12
일 월 화 수 목 금 토
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. 25. 10:44 .Net Project/Jquery 1.3.2

74장 JQueryUI 요소 드래그(끌기) (Draggable.htm)

반응형
 Draggable.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="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script src="../js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            //$('img').draggable(); // 끌기가 가능

            //$('img').draggable({ axis: "x" }); // X좌표로만 이동

            $('img').draggable({ revert: true }); // 원래 위치로 이동

        });

    </script>

</head>

<body>

    <img src="../images/silverlight.gif" />

</body>

</html>  




반응형

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

76장 JQueryUI 개체 정렬 (Sortable.htm)  (0) 2009.11.25
75장 JQueryUI 요소 끌어서 놓기 (Droppable.htm)  (0) 2009.11.25
73장 JQueryUtilities 매개변수 쿼리 스트링 변경 (Param.htm)  (0) 2009.11.25
72장 JQueryUtilities 기호 사용금지 (NoConflict.htm)  (0) 2009.11.25
71장 JQueryUtilities 양쪽공백 제거 함수:Trim (Trim.htm)  (0) 2009.11.25
posted by Magic_kit
2009. 11. 25. 10:36 .Net Project/Jquery 1.3.2

73장 JQueryUtilities 매개변수 쿼리 스트링 변경 (Param.htm)

반응형
Param.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="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        jQuery(document).ready(function () {

            var params = { dataType: "json", url: "a.aspx" };

            var str = $.param(params); // 맵 컬랙션 형태의 문자열 배열을
                                          쿼리스트링(QueryString)으로 변경

            jQuery('#my').append(str); // dataType=json&url=a.aspx 로 변경

        });

    </script>

</head>

<body>

    <div id="my"></div>

</body>

</html> 




반응형

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

75장 JQueryUI 요소 끌어서 놓기 (Droppable.htm)  (0) 2009.11.25
74장 JQueryUI 요소 드래그(끌기) (Draggable.htm)  (0) 2009.11.25
72장 JQueryUtilities 기호 사용금지 (NoConflict.htm)  (0) 2009.11.25
71장 JQueryUtilities 양쪽공백 제거 함수:Trim (Trim.htm)  (0) 2009.11.25
70장 JQueryUtilities (Browser.htm)  (0) 2009.11.25
posted by Magic_kit
2009. 11. 25. 10:33 .Net Project/Jquery 1.3.2

72장 JQueryUtilities 기호 사용금지 (NoConflict.htm)

반응형
NoConflict.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="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        // 현재 페이지에서는 대신에 jQuery를 사용

        // 다른 자바 스크립트 라이브러리를  사용하기에 양보

        $.noConflict();

//        var $ = "메롱"; // $를 재정의      

//        jQuery(document).ready(function () {

//            alert($); // undefined -> 메롱~

//        });

        // 지금까지..

        jQuery(document).ready(function ($) {

            // 여기에 있는 코드들은  기존 방식에서 처럼

            alert($);

            $('#my').append("<h3>기존 방식 사용 </h3>");

            jQuery('#my').append("<h3>기존 방식 사용 </h3>");

        });      

    </script>

</head>

<body>

    <div id="my"></div>

</body>

</html> 




반응형

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

74장 JQueryUI 요소 드래그(끌기) (Draggable.htm)  (0) 2009.11.25
73장 JQueryUtilities 매개변수 쿼리 스트링 변경 (Param.htm)  (0) 2009.11.25
71장 JQueryUtilities 양쪽공백 제거 함수:Trim (Trim.htm)  (0) 2009.11.25
70장 JQueryUtilities (Browser.htm)  (0) 2009.11.25
69장 JQueryAjax ajax() JSON 대체 (jQuery.ajaxSetup)  (0) 2009.11.25
posted by Magic_kit
2009. 11. 25. 10:29 .Net Project/Jquery 1.3.2

71장 JQueryUtilities 양쪽공백 제거 함수:Trim (Trim.htm)

반응형
Trim.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>양쪽 공백 제거 함수 : trim() </title>

    <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            var s = " Abc Def Fed Cba ";

            alert("[" + s + "]");

            alert(s.length);

            alert("[" + $.trim(s) + "]"); // 양쪽 공백 제거

            alert(jQuery.trim(s).length); // 17 - 2 = 15

        });

    </script>

</head>

<body>

 

</body>

</html> 




반응형

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

73장 JQueryUtilities 매개변수 쿼리 스트링 변경 (Param.htm)  (0) 2009.11.25
72장 JQueryUtilities 기호 사용금지 (NoConflict.htm)  (0) 2009.11.25
70장 JQueryUtilities (Browser.htm)  (0) 2009.11.25
69장 JQueryAjax ajax() JSON 대체 (jQuery.ajaxSetup)  (0) 2009.11.25
68장 JQueryAjax ajax() JSON 대체 (jQuery.ajax.JSON)  (0) 2009.11.25
posted by Magic_kit

티스토리툴바