반응형

웹 개발 273

jQuery radio button Control

1. checked 된 radio 값 $(':input:radio[name="radio_name"]:checked').val(); 2. 특정 radio 버튼 checked $('input:radio[name="radio_name"]:input[value="Y"]').attr("checked", true); - checked 해제는 false를 넣으면된다 * value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중에서 해당 값과 매칭되는 것을 찾아 checked 처리를 해준다 3. checked 된 radio 갯수 $("input[name=radio_name]:radio:checked").length * jQuery 에서 radio 버튼의 존재여부 확인, 존재하는 것중에서 checked ..

웹 개발 2019.08.15

[javascript] jstree 1.0 ver. checkbox 사용법

1. homepage - http://www.jstree.com 2. create $("#" + val).jstree({ animation: 1000, load_open: true, real_checkboxes: true, "html_data":{ // html 형태의 데이터를 tree로 변환 "ajax":{ "url": "main_site_tree.jsp?searchValue=", // 지정된 url로 부터 데이터를 가져온다. "data": function(n){ // 새로운 노드를 불러올 경우에 넘길 param 설정 return { id: n.attr ? n.attr("id") : 0 }; } } }, // "data": function (n) { // return { id : n.attr ? n.a..

웹 개발 2019.08.15

css에서 name 속성과 id 속성의 충돌 문제

XHTML 1.0부터는 이전 버전의 브라우저와 호환성을 위해 태그(tag) 요소 등에 name 속성과 id 속성을 같은 값으로 지정하면 스타일이 충돌할 가능성이 있다. 예를들어 a[name="c1"]{ color: red; } a#c1 { color: yellow; } 위 같이 태그에 css를 적용하면 충돌한다. 스타일의 개별성 규칙에 따르면 a[name="c1"]은 11이고 a#c1은 101이므로 id 속성이 우선된다. 만약 이 경우에 name 속성을 우선시 하고 싶다면 a[name="c1"]{ color: red!important; } 와 같이 사용해야 한다.

웹 개발 2019.08.15

웹 사이트 최적화

1. HTTP 요청을 줄여라. 우리가 웹에서 URL 입력 후 엔터를 치면 페이지가 보이게 된다. 페이지에 이미지가 3개라고 하면 총 4번의 요청이 생기게 된다. 1번(HTML) + 3번(이미지) 요청이 많으면 많을수록 속도가 느려지는 것은 당연할 것이다. 그럼 어떠한 방법으로 HTTP 요청을 최소화 할 수 있을지 생각해 봐야한다. 제일 간단한 방법중 하나는 여러개의 이미지를 하나의 이미지로 생성한 후 그것을 css 로 사용하는 것이다. 이것을 css sprite 라고 한다. 2. 콘텐츠 전송 네트워크를 이용하라. 한곳에 집중되어 있는 서버 하나를 여러개로 나누는 것으로 생각할 수 있겠다. 한국에서 접속하는 서버가 미국에 있다면 당연히 느릴 것이다. 3. 헤더에 만료기한을 추가하라. 브라우저는 캐시를 이용..

웹 개발 2019.08.15

jqgrid add / del / edit

기본적으로 db 작업하고 싶은 필드에 editable: true 속성을 넣어준다. default로 text box가 나타나는데, selectbox로 바꾸고 싶다면 edittype: 'select'와 editoptions:{value:{'0':'new window', '1': 'right window'}}를 해준다. 마지막으로, $("#grid").jqGrid("navGrid","#GridPager",{edit:true,add:true,del:true,search:false,refresh:true}, { // afterShowForm:afterShowEdit, // afterSubmit:processAddEdit, // beforeSubmit:validateData, dataheight:150, close..

웹 개발 2019.08.15
728x90
반응형
loading