728x90
300x250

[jQuery] Treeview Library

 

 

jQuery로 만든 Treeview입니다. 품질이 매우 우수합니다.

외국에서 만들었는데 ASP.NET뿐만 아니라 다양한 PHP 등 다양한 웹 프로그래밍 언어에서 사용하기에는 안성맞춤인 거 같습니다.

이상입니다.

 

jquery.treeview.zip

 

제작자 홈페이지 : http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

제작자 : Jörn Zaefferer

 

 

반응형
728x90
300x250

[jQuery] javascript 연계 - 체크박스 (전체선택/해제) 기능

 

이걸 왜 구현했느냐면, jQuery 상에서 다양한 방법을 찾아보았으나, Attr만 가지고 구현할 때의 100%의 동작이 아니고, 버그로 인해 일부 동작하지 않은 것을 확인하였습니다.

그래서 원시적인 방법이지만, Checkbox를 Cnt와 Last 값을 비교하여 Javascript의 원래 동작 기능을 연계하여 전체선택 / 해제 기능을 구현했습니다. 

<script>

 

function toggleChecked() {
            var i = 0;
            var Last = (($("table[id=test']").find("input[type=checkbox]").length) / 3);
            var cnt = 0;


            i = 1;
            while (i <= Last) {
                if (document.getElementById("chk_" + i).checked) {
                    cnt++;
                }
                i++;
            }


            if (cnt == Last) {
                i = 1;
                while (i <= Last) {
                   
                    document.getElementById("chk_" + i).checked = false;
                    i++;
                }
            } else {
                i = 1;
                while (i <= Last) {
                    document.getElementById("chk_" + i).checked = true;
                    i++;
                }
            }

 }

 

</script>

 

빨간 부분이 일부에서 3을 곱해버리는 현상이 생겨서 나눗셈으로 단순하게 처리했는데, 환경에 맞게 계산을 대입하면 될거라고 봅니다.

 

<table id="test"> 

     <tr>

          <td><input id="chk_1" type="checkbox">  <td>

      </tr>

     <tr>

          <td><input id="chk_2" type="checkbox">  <td>

      </tr>

     <tr>

          <td><input id="chk_3" type="checkbox">  <td>

      </tr>

</table>

 

 

반응형
728x90
300x250

[Javascript] 현재 페이지 Refresh 방법 - (3가지)

 

location.reload(true);

location.href = location.href;

history.go(0);

 

사용 방법은 웹 페이지 소스에서 사용하시면 되겠습니다.

 

<script>

 

 ~~~~

 

</script>

 

이상입니다.

반응형
728x90
300x250
[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}

 

Set(쓰기)

$(selector).attr('href', 'url_goes_here'); 

 

Get(읽기 전용) 

and read it using
$(selector).attr('href');

 

속성에 관한 이야기를 의미합니다.

 

attr은 두 가지 매개변수를 가지고 있습니다.

 

 유형

속성1 

속성2 

1차 매개변수

attributeName 

 

2차 매개변수

attributeName 

Value 

 

구성

attr(1차형태)

attr(2차n1, 2차n2)

 

이런 형태라고 정의했을 때,

각각 처리하는 명령이 뭔지 리어셈블링하거나 메뉴얼을 보기 전까진 모릅니다.

그러나 jQuery 메뉴얼을 보면, 1차 형태로 정의한 것은 원소의 속성값을 반환하는 구실을 한다고 되어있습니다.

2차 형태로 정의한 것은 속성값을 지정하기 위해 정의되어있습니다.

 

정리하자면, 읽기 전용과 쓰기 전용이라고 생각하면 편할 거 같습니다.

반응형
728x90
300x250

[ASP.NET] ASPX 페이지에 웹서비스 구현

 

예전에 ([ASP.NET] 웹 서비스 구현 하기(Ajax) - JQuery(JSON)으로 호출 - Hello World 2011/01/26 19:38)라는 글을 올린 적이 있습니다.


이번엔 앞전 글에 이어서 기존의 방식과는 달리(웹 서비스-ASMX) 자기 자신을 웹 서비스로 호출하는 방법에 관하여 강의를 하고자 합니다.

 


1. 구현

 

using System.Web.Services;

 

[WebMethod]

 

 

이와 같은 꼴로 정의해서 사용하면 되겠습니다.

반응형
728x90
300x250

[MS SQL Server 2008] 날짜 형태 - SQL 문법(Convert)

 

select id, regdate from test;

 

Example) TEST 테이블 데이터 값

 

 id

 regdate

 1

 2011-11-30 11:33:22

 2

 2012-11-30 11:33:22 

 3

 2013-11-30 11:33:22

 4

 2014-11-30 11:33:22

 

 

select convert(varchar(10), regdate, 111) from test;

YYYY/MM/DD 꼴로 출력됨.

 

핵심은 이렇습니다.

 

Convert( 

자료형(공간),

Datetime(출력값),

변환꼴 정의 번호)

 

아래의 내용은 자료형(공간)과 변환꼴 정의 번호만 가지고 Example Table을 만들었습니다.

 

예제번호 

자료형 형태(X) 

변환꼴 정의 번호(Y) 

 예) 결과값

 1

 varchar(10)

111

YYYY/MM/DD 

 2

 varchar(10)

112

YYYYMMDD 

 3

varchar(10)

 108 

HH:MM:SS 

 4

varchar(12)

 114

 HH:MM:SS:mmm

 5

 varchar(30)

 120

YYYY-MM-DD HH:MM:SS 

 6

 varchar(30)

 121

 YYYY-MM-DD HH:MM:SS:mmm

 

 

사용법은 select convert(X, 날짜자료필드명, Y) from test;

 


1. 실습환경

 

운영체제: Windows 7 64bit

개발환경: ASP.NET 4.5 Framework

데이터베이스: MSSQL 2012

반응형
728x90
300x250
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)

 

자바스크립트로 작성된 비밀번호 관련 탬플릿 2가지를 담았습니다.

 


1. 정규식 표현

 

특수문자 / 문자 / 숫자 포함 형태의 8~15자리 이내의 암호 정규식

var regex = /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/;

 

숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식

var regex = /^[A-Za-z0-9]{6,12}$/;

반응형
728x90
300x250
[ASP.NET] 문자열 일자 정보 날짜의 형태로 표시하기

2013-11-28 오전 12:00:00


이런 꼴로 문자열 날짜가 되어있을 때, 날짜의 형태를 yyyy-MM-dd 꼴로 바꾸는 방법에 대해 소개 하겠습니다.
이 글은 ASP.NET 4로 작성되었습니다.


1. 구현

string sValue = "2013-11-28 오전 12:00:00";
String.Format("{0:yyyy-MM-dd}", Convert.ToDateTime(sValue));

 

이처럼 사용하면, 문자열 날짜 정보를 쉽게 다양한 날짜 형태로 나타낼 수 있습니다.

 

Convert.ToDateTime()이라는 명령어는 날짜형 자료로 변환해주는 기능을 수행하는 명령어입니다.

String은 문자 정의 함수를 의미하며 Format은 String의 형태를 바꿔주는 명령을 수행합니다.

반응형

+ Recent posts