WEB 80

[JQuery] show(), hide()를 이용한 이미지 전환

업무를 하다보면 메뉴 혹은 이미지를 전환해야 하는 경우가 많다. 예를 들어 관리자모드에서 사용자의 설정에 따라 전환해야 하는 화면이 있다고 가정한다면 그저 getElementById를 사용하여, 많은 양의 코드를 작성했어야 했다. 하지만 JQuery를 이용해서 간단하게 처리할 수... [상황] 버튼은 라디오 버튼으로 "1번", "2번"이 존재하고 선택 여부에 따라 이미지가 바뀌는 방식이며, 선택후 저장을 하였을시 데이터는 bt필드에 저장됨과 동시에 다시 선택페이지로 돌아와 결과를 뿌려준다. 위와같이 function에서 설정하지 않으면 로드되면서 데이터 결과물에 반영하는 레이아웃을 만들어줄때와 라디오버튼 선택시 변경되어야 하는 시점에서 두번의 함수작동을 줄이기 위함이고, 해놓고도 별로 맘에 들진 않지만....

WEB/Js, JQuery 2011.04.14

[MySQL] case when 쿼리문

그누보드라고 가정할때 해당 게시물을 검색하다 이 게시물이 g4_board_file 테이블에 별도로 저장되어 있는 이미지 파일이 있는지, 있다면 해당 이미지 파일의 파일명을 추출하고자 한다. $sql = "select *, wr_id AS idx case when (select bf_file from g4_board_file where wr_id = idx) is NULL then '' else (select bf_file from g4_board_file where wr_id = idx) END AS bf_file from g4_write_notice where wr_id = '1' "; $row = sql_fetch($sql); if($row['bf_file'] != "") $img = "

WEB/MySQL 2011.04.13

[PHP] JQuery load() 사용으로 넘긴 변수의 한글깨짐 현상

A.php 에서 JQuery의 load()를 사용하여 B.php로 변수를 넘겼다. $(document).ready(function() { $("#position").load("b.php",{ "a01":"한글한글", "b01":"ABCABC" }); }); B.php에서 넘어온 변수의 한글이 깨지는 현상 발생 ~_~ 아래의 함수를 사용하여 해결 function unescape($text) { return urldecode(preg_replace_callback('/%u([[:alnum:]]{4})/', create_function( '$word', 'return iconv("UTF-16LE", "UHC", chr(hexdec(substr($word[1], 2, 2))).chr(hexdec(substr($..

WEB/PHP 2011.04.12

[JQuery] load() 함수 사용시 생성된 div안의 개체 컨트롤

아이디값이 bt_submit이라는 버튼이 load()로 인해 추후 생성이 되었다. 그 버튼을 클릭하여 다음 페이지로 이동을 하려하지만 제어가 불가능하다. 페이지 로딩후 load로 생성된 어떠한 개체를 사용하고 할때는 아래와 같이 live("click", function ... 으로 사용하면 된다. $(document).ready(function() { // $("#bt_submit").click(function() { $("#bt_submit").live("click", function() { // live() var f = $("form[name='frm']"); f.attr("action", "result.php"); f.submit(); return true; }); });

WEB/Js, JQuery 2011.04.12

[JQuery] fadeTo를 이용한 hover사용시 마우스 이동시 남아있는 모션처리

특정 이미지나 태그에 반응하는 fadeTo를 만들고 해당 위치에 마우스가 빠르게 반복 위치하면 fadeTo의 모션 자체가 마우스 아웃이 되고도 남아 진행된다. 이것을 막아주려면 stop(true,true)를 추가하면 된다. $(".nList").hover(function() { $(this).stop(true,true).fadeTo("vary fast", 0.8, function() {}); }, function() { $(this).stop(true,true).fadeTo("fast", 0.5, function() {}); });

WEB/Js, JQuery 2011.04.11

[.htaccess] RewriteRule 을 이용한 페이지주소 변경

기존 작업에 사용하던것... . : 다수의 한문자 ? : 0개 이상의 한문자 * : 0개 이상의 문자 또는 문자열 + : 1개 이상의 문자 또는 문자열 (chars) : (, ) 안의 문자또는 문자열을 그룹으로 묶습니다. 이 문자그룹은 $N 의 변수로 활용할수 있습니니다. ^ : 문자열의 첫문(열)을 지정합니다. $ : 문자열의 끝 문자(열)을 지정합니다. \(역슬래쉬) : 정규표현식에서 특별한 의미로 사용되는 문자의 특수기능을 제거합니다.(예:(, ), [, ] . 등) {n} : 정확히 n번 반복 {n,} : n번 이상 반복 {n,m} : n 이상 m 이하 반복 [chars] : 문자들의 범위 또는 표현할 수 있는 문자들을 설정합니다. 예) [a-z] : a 부터 z 까지의 소문자, [tT] : 소문..

WEB/Etc 2011.04.08