블로그 이미지
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. 13:44 .Net Project/Jquery 1.3.2

90장 JQueryModel 파일 업로드 jQuery + Uploadify + ASP.NET (Uploadify.htm)

반응형


 Uploadify.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>파일 업로드 : jQuery + Uploadify + ASP.NET</title>

    <link href="uploadify.css" rel="stylesheet" type="text/css" />

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

    <script src="jquery.uploadify.v2.1.0.js" type="text/javascript"></script>

    <script src="swfobject.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

        $('#fileInput').uploadify({

                'uploader': 'uploadify.swf', // Uploadify 컨트롤 지정

                'script': 'uploadify.ashx',  // 스크립트 ASP.NET, ASP, PHP, JSP

                'cancelImg': 'cancel.png',   // 취소 이미지

                'auto': false, // true면 파일 선택시 바로 자동으로 업로드 됨

                'folder': '/Uploads', //업로드 할 폴더 : 가상 디렉터리 + 업로드 폴더

                // 업로드 완료 시 처리

                // 주요 속성은...  
                 http://www.uploadify.com/documentation/ 참u고Æi

                'onComplete': function (event, queueID, fileObj, response, data) {

                    $('#lblFile').append(

                    '<a href="/WebJQuery' + fileObj.filePath + '">'

                    + fileObj.name + '</a><br>');

                }

            });

            // 버튼 클릭시 업로드

            $('#btn').click(function () { $('#fileInput').uploadifyUpload(); });

        });

    </script>

</head>

<body>

    <input id="fileInput" name="fileInput" type="file" />

    <input type="button" id="btn" value="업로드" />

    <div id="lblFile"></div>

</body>

</html> 




반응형

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

91장 JQueryApplication 한줄 메모장 ( Memo.htm MemoBasic.htm MemoPager.htm MemoTooltip.htm )  (0) 2009.11.25
89장 JQueryModel 로테인터 플러그인 (Rotator.htm)  (0) 2009.11.25
88장 JQueryModel 카루셀 플러그인 (Carrousel.htm)  (0) 2009.11.25
87장 JQueryModel 텍스트박스 자동 완성 기능(AutoComplete.htm)  (0) 2009.11.25
86장 JQuerySample 헤드 클릭시 해당 정렬 (TableSorting.htm)  (0) 2009.11.25
posted by Magic_kit
2009. 11. 25. 13:39 .Net Project/Jquery 1.3.2

89장 JQueryModel 로테인터 플러그인 (Rotator.htm)

반응형
 Rotator.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">

        .divHeight { height:130px; }

    </style>

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

    <script src="jquery.rotator.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('#rotator1').rotator({ms:3000});

        });

    </script>

</head>

<body>

    <div id="rotator1"

        style="height: 130px; width:100px; overflow: hidden; border:1px solid red;">

        <div class="divHeight">

            <img src="../../ProductImages/thumbs/BOOK-01.jpg" /><br />

            좋은책
        </div>

        <div class="divHeight">

            <img src="../../ProductImages/thumbs/COM-01.jpg" /><br />

            좋은 컴퓨터
        </div>

    </div>

</body>

</html> 




반응형

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

91장 JQueryApplication 한줄 메모장 ( Memo.htm MemoBasic.htm MemoPager.htm MemoTooltip.htm )  (0) 2009.11.25
90장 JQueryModel 파일 업로드 jQuery + Uploadify + ASP.NET (Uploadify.htm)  (0) 2009.11.25
88장 JQueryModel 카루셀 플러그인 (Carrousel.htm)  (0) 2009.11.25
87장 JQueryModel 텍스트박스 자동 완성 기능(AutoComplete.htm)  (0) 2009.11.25
86장 JQuerySample 헤드 클릭시 해당 정렬 (TableSorting.htm)  (0) 2009.11.25
posted by Magic_kit
2009. 11. 25. 13:36 .Net Project/Jquery 1.3.2

88장 JQueryModel 카루셀 플러그인 (Carrousel.htm)

반응형


 Carrousel.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>

    <link href="jquery.infinite-carousel.css" rel="stylesheet" type="text/css" />

    <link href="periscope-theme-switcher.css" rel="stylesheet" type="text/css" />

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

    <script src="jquery.infinite-carousel.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('#slider-stage').carousel('#previous', '#next');

        });

    </script>

</head>

<body>

<div id="sliderBloc">

    <a id="previous">이전</a>

    <div style="" id="slider-stage">

        <div style="width: 512px;" id="slider-list">

            <a class="theme">

                <img src="../../ProductImages/BOOK-01.jpg"

                    alt="좋은책" height="120" width="120" />                

                <span class="nameVignette">좋은 책</span>

                <span class="changeTheme">조은 책</span>

            </a>

            <a class="theme">

                <img src="../../ProductImages/COM-01.jpg"

                    alt="좋은 컴퓨터" height="120" width="120" />                

                <span class="nameVignette">좋은 컴퓨터 </span>

                <span class="changeTheme">조은 컴퓨터</span>

            </a>

        </div>

    </div>

    <a id="next">다음</a>

</div>

</body>

</html> 



반응형

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

90장 JQueryModel 파일 업로드 jQuery + Uploadify + ASP.NET (Uploadify.htm)  (0) 2009.11.25
89장 JQueryModel 로테인터 플러그인 (Rotator.htm)  (0) 2009.11.25
87장 JQueryModel 텍스트박스 자동 완성 기능(AutoComplete.htm)  (0) 2009.11.25
86장 JQuerySample 헤드 클릭시 해당 정렬 (TableSorting.htm)  (0) 2009.11.25
85장 JQuerySample 짝수행과 홀수행의 배경색 변경 (TablePlugIn.htm)  (0) 2009.11.25
posted by Magic_kit
2009. 11. 25. 13:31 .Net Project/Jquery 1.3.2

87장 JQueryModel 텍스트박스 자동 완성 기능(AutoComplete.htm)

반응형


 AutoComplete.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>

    <link href="jquery.autocomplete.css" rel="stylesheet" type="text/css" />

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

    <script src="jquery.autocomplete.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            var data = "ASP JSP PHP Ajax Silverlight JAVA CSS".split(' ');

            $('#search').autocomplete(data);

        });

    </script>

</head>

<body>

 

           상품 검색 : <input type="text" id="search" />  

</body>

</html> 




반응형

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

89장 JQueryModel 로테인터 플러그인 (Rotator.htm)  (0) 2009.11.25
88장 JQueryModel 카루셀 플러그인 (Carrousel.htm)  (0) 2009.11.25
86장 JQuerySample 헤드 클릭시 해당 정렬 (TableSorting.htm)  (0) 2009.11.25
85장 JQuerySample 짝수행과 홀수행의 배경색 변경 (TablePlugIn.htm)  (0) 2009.11.25
84장 JQuerySample 예시 테이블 (TableEvenOdd.htm)  (0) 2009.11.25
posted by Magic_kit

티스토리툴바