스핀버튼 컨트롤

쇼핑몰 카트 만들다가 값 증감시키는 버튼을 매번 만들려면 디쟈이너들이 템플릿 작업하기에도 문제가 있을꺼같아 htc로 하나 만들어봤습니다.

htc를 사용하는 여러 방법중에 css를 이용하는 방법을 선택했습니다.

사용하기 전에 위와같이 정의하시면 로드와함께 클래스이름에 행동자(behavior)가 달라붙습니다.
그다음 스핀버튼을 사용하고자 하는 input 태그에 spinbtn 이라는 클래스 이름을 주면 끝입니다.

그 외에 사용할 수 있는 속성에는
maxvalue와 step 이 있습니다.
잘 아실꺼라 믿고, 예제 보시면 이해 갈껍니다.




스핀버튼

기본 스핀버튼:

값이 미리정해짐:

3씩 증감:

최대값 5:



1284676250.htc

리뉴얼 준비중….

1년 넘게 현재의 상태를 유지하여 왔는데 이제는 우리 웅휘도 태어나고
변신을 꾀할 시기가 된거 같습니다.
게시판도 대폭 축소하고 앨범 위주로 바꿀 생각입니다.
8월 2일부터 5일간 휴가인데 휴가기간 동안 리뉴얼 할 예정입니다.
기대하셔도!!!! 좋습니다. ^^

()와 and, or 등의 검색식을 지원하는 검색엔진 함수

navyism
http://navyism.com

예전에 n@search라는 로컬검색엔진에 넣기 위해
만들어 두었던 검색기의 쿼리생성 함수 입니다.

호출은 아래와 같이 해주시면 됩니다.

$array = make_where (A, B, C, D)

A : 검색어의 공백을 대체할 연산자 (and | or)
B : 검색 할 컬럼 이름 (,으로 연결)
C : 검색어
D : 검색어/부정어 선택 (1 : 부정어, 0 : 검색어)

리턴되는 $array라는 배열에는 다음과 같은 값이 저장됩니다.

$array[where] : Where절의 내용
$array[word] : 검색에 사용된 검색어 (공백으로 연결)

예)
$result = make_where (“and”, “name,title”, “사과 포도”, 0); // 호출
echo “$result[where]
$result[word]”; // 결과출력

결과)
( name like ‘%사과%’ or title like ‘%사과%’) and ( name like ‘%포도%’ or title like ‘%포도%’)
사과 포도

검색식은 “(사과 and 포도) or 바나나” 와 같이 사용 하실 수도 있습니다.
그리고 바로 where절에 포함하기 때문에 Mysql에서 지원하는 _ 와 %도 가능 하겠죠~

그저그런 소스지만…검색부분 작업하실때 유용한 자료가 되시기를…^^;;

/*

*** 검색을 위한 SQL구문의 Where절 생성 함수

*** by navyism
*** http://navyism.com
*** 2003.7.7

$array = make_where (A, B, C, D)

A : 검색어의 공백을 대체할 연산자 (and | or)
B : 검색 할 컬럼 이름 (,으로 연결)
C : 검색어
D : 검색어/부정어 선택 (1 : 부정어, 0 : 검색어)

-> return
$array[where] : Where절의 내용
$array[word] : 검색에 사용된 검색어 (공백으로 연결)

*/

function make_where ($blank_is, $column_list, $word, $ban)
{
global $word_list;

if($ban)
{
$like = “NOT LIKE”;
$join = “AND”;
}
else
{
$like = “LIKE”;
$join = “OR”;
}

$word = stripslashes($word);
$temp = eregi_replace(“(“)(.*)( +)(.*)(“)”,”\2[###blank###]\4″,$word);
$temp = eregi_replace(“(|)| and | or “,” \0 “,$temp);
$temp = trim(eregi_replace(” {2,}”,” “,$temp));
$result[word] = eregi_replace(“(|)| and | or “,” “,$temp);
$temp = explode(” “,$temp);

for($i=0; $i {
if($i)
{
if(eregi(“^)$”,$temp[$i-1]) && !eregi(“^or$|^and$”,$temp[$i]))
{
$temp2[] = $blank_is;
}

if(!eregi(“^((|)|and|or)$”,$temp[$i-1]) && eregi(“^($”,$temp[$i]))
{
$temp2[] = $blank_is;
}

if(!eregi(“^((|)|and|or)$”,$temp[$i-1]) && !eregi(“^((|)|and|or)$”,$temp[$i]))
{
$temp2[] = $blank_is;
}
}

$temp2[] = $temp[$i];
}

for($i=0; $i {
if(eregi(“^((|)|and|or)$”,$temp2[$i]))
{
continue;
}

unset($temp);
$temp .= “(“;
$temp2[$i] = addslashes($temp2[$i]);
$column_list_array =explode(“,”,$column_list);

for($j=0; $j {
if($j && $temp && $temp!=”(“)
{
$temp .= ” $join”;
}

$temp .= ” $column_list_array[$j] $like ‘%$temp2[$i]%'”;

}

$temp .= “)”;
$temp2[$i] = $temp;
}

$temp = implode(” “,$temp2);
$result[where] = str_replace(“[###blank###]”,” “,$temp);

return $result;
}
?>

CNT TCPClient 1.0 – 다용도 TCP Client

KC Lee

Demo Link: http://www.cynaton.com/product/CNT_TCPClient.html
Download Link: http://www.cynaton.com/product/CNT_TCPClient.zip

웹페이지에서 자바스크립트로 제어 가능한 Client입니다.

현제접속자 또는 채팅을 구현하려면 여러가지 문제점이 있었습니다.

자바스크립으로만 하자니 서버의 부담이크고

그렇지 않게 하려면 자바나 액티브엑스로 프로그램을 다시 만들어야 했습니다.

CNT TCPClient는 이문제들을 해결하는데 도움을 줄수 있을거라 생각해서 만들었습니다.

응용하면 채팅도, 실실간 접속자 알아내는것도, 쪽지도… 여러가지 만들수 있습니다.

시간이 되면 차차 하나씩 만들어서 올리겠습니다.

— 지원하는 API입니다

CNT_TCPClient.connect(server_address, port_number) // 서버에 접속을 합니다.

CNT_TCPClient.disconnect() // 서버에 접속을 끊습니다.

CNT_TCPClient.isConnected() //서버에 접속중인지 알아냅니다.

CNT_TCPClient.sendMessage(message) // 서버에 메세지를 보냅니다.

CNT_TCPClient.getVersion() // 버전 정보를 얻습니다.

— 호출되는 자바스크립들 입니다.

function CNT_TCPClient_onLoad() // CNT TCPClient가 로드되면 호출됩니다.

function CNT_TCPClient_onConnect() // 서버에 접속되면 호출됩니다.

function CNT_TCPClient_onDisconnect() //서버와 접속이 끊기면 호출됩니다.

function CNT_TCPClient_onIncomingMessage(msg) // 메세지를 받으면 호출됩니다.

function CNT_TCPClient_onError(code, errormsg) // 에러가 생기면 호출됩니다.

— 사용법은 다음과 같습니다.

0. 와 위에있는 자바스크립들을 넣습니다.

1. CNT TCPClient 가 로드되면 CNT_TCPClient_onLoad() 가 호출됩니다.
ex)

2. 자바스크립에서 CNT_TCPClient.connect(server_address, port_number)를 호출하여 서버에 접속합니다.
ex)

3. 접속이 되면 CNT_TCPClient_onConnect() 이 호출됩니다.
ex)

4. CNT_TCPClient.sendMessage(string) 를
ex)

5. 메세지를 받으면 CNT_TCPClient_onIncomingMessage(string) 이 호출됩니다.

6. 접속이 종료 되면 CNT_TCPClient_onDisconnect() 이 호출됩니다.
ex)

우라질 안돼여 06/25 18:45:03

나두… 전혀 작동이 안되네요…
나사가 빠졌나…. 06/25 18:54:37

오류 com.ms.security.SecurityExcepthinEx[CNT_TCPClient.connect] : cannot connect to “cynaton.com”
이라고 나오는데요. address check 를 하는 부분이 있나보죠? 06/25 19:01:26

오류 파일과 server 가 다른 address 일때 에러가 나는군요. 동일 서버에 올려놓고 할 경우 문제 없네요 ^^; 좋군요 06/25 19:06:00

이경철 죄송합니다.. 설명을드렸어야 했는데.. 보안때문에 호스트한 서버하고만 접속이 가능합니다. 그래서 접속하는 주소가 호스트하는 서버하고 같아야만 작동하고 그렇지 않으면 브라우저에서 Security에러를 내면서 작동이 되지 않습니다. 06/25 20:32:43

카르텔 괜찮네요..
쪽지 프로그램을 하면서 여러가지 고민을 했었는데..
많은 도움이 되겠네요.. 06/25 21:45:00

김현수 와우.. 감사합니다. 제가 찾던 프로그램이네요. 이걸이용하면 온라인 텔넷도 만들수 있겠네요. 06/26 7:29:40

우라질 카르텔님 이걸 이용해서 쪽지 만들면 꼭 올려주세여..^^ 06/26 8:47:59

query 좋군요.
헌데 역시 java socket 한글처리 문제가…
예) 아1377538563.zip

로그인이나 회원가입시 탭으로 넘기는 순서

로그인 하는 과정에서 아이디 다음에 로그인 그다음이 패스워드 입력하는 겄이었는데
onsubmit을 할때요…
이걸 고치려면 구조를 변경하는 수밖에 없었는데
태그에 tabindex라는 것이 있더군요
처음 알았는데 하는 방법은 tabindex=1 이런식으로 순서를 정하면…
순서데로 텝이 이동하더군요…. 로그인 할때 텝을 많이 이용하는 경우죠…
다 아실수 있지만 그래도 도움이라도