Course/javaScript

[javascript] 숫자 3자리 단위마다 콤마(comma) 찍기

숫자형식의 값을 화면에 보여줄때에는 화폐단위처럼 숫자 3자리마다 콤마(comma)를 추가해주면 가독성이 좋아진다. 프로그래밍 언어별로 이러한것을 처리하기 위해 숫자를 특정 형식대로 포맷팅 해줄수가 있는데, 자바스크립트는 그러한 기능이 없다. 물론 우리들이 흔하게 사용하년 jQuery에도 그러한 기능은 없다. (jQuery는 숫자형식을 컨트롤 하는 플러그인이 있다) 그렇기 때문에 숫자를 화페단위처럼 3자리마다 콤마를 넣어주긴 위해선 해당 기능을 하는 함수를 만들어서 사용해야 한다. 일반적으로 인터넷에서 검색했을때 제일 많이 나오는 함수는 아래와 같다. function comma(num){ var len, point, str; num = num + ""; point = num.length % 3 ; len ..

[jQuery] 문단 차원으로 말줄임표 붙여 주는 플러그인

▶예제 보기멋진 플러그인을 발견했다. 박스 사이즈에 따라 말줄임표를 붙여 주는 플러그인이다. 이름하여 jQuery dotdotdot 플러그인.데모를 보면 사용법을 잘 알 수 있다. ▶jQuery dotdotdot 플러그인 사이트 가기기본적으로 박스의 높이에 따라 알아서 말줄임표를 붙여 준다.after 옵션을 사용하면 말줄임표로 자르면서 남겨 둘 요소를 지정해 줄 수 있다.watch: 'window' 옵션을 사용하면 윈도우 사이즈가 변할 때 알아서 다시 잘라 준다.그 외 다양한 옵션이 있는데, 아래와 같다. 자세한 설명은 코드 아래쪽에 좀더 썼다.$(document).ready(function() { $("#wrapper").dotdotdot({ wrapper : 'div', /* 콘텐트를 감쌀 요소. *..

trigger onload event when downloading a file in an iframe

download file 출처 : http://stackoverflow.com/questions/1524639/how-to-trigger-onload-event-when-downloading-a-file-in-an-iframe

POST 전송 (jQuery), POST 이동, POST 새창

>> POST 전송, 결과값 리턴 (jQuery) function post_s(href, parm, del) { if (!del || confirm("한번 삭제한 자료는 복구할 방법이 없습니다.\n\n정말 삭제하시겠습니까?")) { $.post(href, parm, function(req) { document\.write(req); }); } } // 예제... onclick="post_s('경로', {'parm1':'val1','parm2':'val2'}, true);" ...리턴값으로 document.location.replace('경로'); 등이 오면 되겠다. 3번째 요소는 삭제명령을 위한 것. >> POST 이동 function post_goto(url, parm, target) { var f =..

팝업 후 부모창 닫기

window.open()함수 설명: MS IE 팝업창 띄우는 스크립트함수 형식: window.open("url","window name","option"); 옵션:menubar=yes/notoolbar=yes/nolocation=yes/no 주소창scrollbars=yes/nofullscreenwidthheighttopleft .. 사용법: 아래예제는 창이 열리면서 팝업을 띄우고 부모창은 사라지는 것임.주의: 팝업창 열리는 것이 막혀있으면 팝업 뜨기전에 부모창이 닫히므로 창을 구경할 수 없게 된다.. 일정 시간 이후 띄우거나 해야함..

javascript checkbox checked 처리 ie, 크롬 다되는거

Javascript:// Check document.getElementById("checkbox").checked = true; // Uncheck document.getElementById("checkbox").checked = false; jQuery (1.6+):// Check $("#checkbox").prop("checked", true); // Uncheck $("#checkbox").prop("checked", false);

chrome(크롬)에서 location.href 가 안될 때

IE에서는 잘 작동하던 코드가 chrome에서 안될 때 before - location.href("where"); after - location.href = "where";

textarea 부모 객체 사이즈에 맞게 리사이즈 (jquery)

$(document).ready(function() { $('textarea').parent().resize(function() { var $t = $(this); $t.find('textarea').height($t.height()); }).resize(); });

Enter키 폼 전송 막기

$(function() { $("input:text").keydown(function(evt) { if (evt.keyCode == 13) return false; }); }); 아래 방법이 익스플로어에서는 동작하지 않는다. 역시 jQuery가 간단하구나;;; 태그 내부에 둘러싸여진 input text 박스에서 포커스가 있을 때 Enter 를 누르게 되면 자동으로 submit 이 된다. 이것은 form 내부에 input 박스가 하나만 존재해서 그렇다. 이 기능을 막고자 한다면 여러가지 방법이 있는데 그에 대한 방법들을 설명하고자 한다. (1) keycode 값을 판단해서 처리 form 이 submit 되었을때 javascript 로 keycode 값을 읽어와 Enter 에 해당하는 것들은 스킵하게 해준다..

jquery 간단한 정리

1. jQuery로 선택된 값 읽기 $("#selectBoxoption:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $("#selectBoxoption:selected").text(); 3. 선택된 위치 var index =$("#test option").index($("#test option:selected")); 4. Addoptions to the end of a select $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. Addoptions to the start of a select $("#selectBox").prepend("Bef..