본문 바로가기

Local Oriented/jQuery

 (132)
jQueryUI Dialog height 값 auto 설정시, IE 6/7/8 과 IE 9/10 의 호환성 보기에서 애매.. jQueryUI Dialog 로 레이어 팝업을 구현합니다.Ajax 로 가져온 DOM 을 Dialog 에 담으려다 보니 width 값은 일정한데, height 값은 가변적이라 height:auto 를 사용합니다.Ajax 는 callback 함수를 호출할 수 있는 사용자 정의 함수(openSimpleUri)를 활용합니다. 크롬에선 정상적으로 작동하는데, IE 8 에서 팝업 창이 열리다 만 상태로 표시. 아무래도 height 값을 제대로 계산하지 못한 모냥.크롬에선 Ajax 로 DOM 을 채우고 dialog('open') 하면 채워진 DOM 을 기준으로 height 를 자동계산하는데,IE 8 에선 Ajax 가 DOM 을 가져오기 전에 dialog('open') 하니까 height 값을 계산하지 못하는 것이더군..
input 태그에 id 를 부여하고 jquery select 로 포커싱을 했으나 작동하지 않는 현상 jQuery 버전 때문인지 아니면 다른 어떤 영향 요소가 있어서인지, 아무튼..input 태그에 id 를 부여하고 jQuery select 로 포커싱이 안 먹을때 어떻게 해야 하느냐.. HTML 은 상기와 같고, 자바스크립트는 아래와 같았는데 작동을 안 하는 겁니다. $('#name1').focus().select(); 그런데 아래와 같이 하니까 작동을 하네요. $('input[id="name1"]').focus().select();
jQuery 로 문자열을 찾아 CSS 스타일을 적용하는 방법 A 라는 태그 안에서 특정 문자열을 찾아 CSS 스타일 속성을 적용하기 위해 아래와 같이 해 보았습니다. 일단, 문자열을 찾는 방법은 $('... :contains') 를 사용하면 되겠고.. 찾은 문자열에만 속성을 주는 간단한 방법은 해당 문자열을 특정 태그로 감싸고 CSS 를 부여하는 것.기존 레이아웃을 건드리지 않고 텍스트만 체크하려면 span 태그를 주면 좋은데,전체 문자열을 감싸는 태그가 이미 span 이라서 뭘로 하면 좋을까 생각하다가 label 을 사용하기로.. 문자열이 여러개 나오면 모두 적용해 주어야 하는데 어떻게 할까 하다가,Java 의 replaceAll 메소드 기능을 구현하는 자바스크립트 코드가 필요한데..split() 과 join() 함수를 사용하는 것으로 결정. 표현형을 사용해도 ..
[모음글] jquery 둥근 테두리 그냥, CSS3 의 border-radius 를 사용해 보자.background-color 도 작 먹힌다..http://blog.naver.com/gela_studio/150185918042 - 이미지나 스타일 시트 사용 없이 jquery 로만 둥근 테두리를 생성http://min-blog.tistory.com/1080?_top_tistory=new_titlehttp://jquery.malsup.com/corner/ > corner() 를 사용하는 element 의 테두리선 색상을 정할 수는 없네요. $('...').corner(...).parent().css(...).corner(...) 와 같이 parent 에 css 를 먹이고 한 번 더 corner 를 설정하면서 테두리 색상을 정하기는 하는군요. ..
append() 와 appendTo() $(ElemA).append(ElemB) 는 ElemB 를 ElemA 에 추가,$(ElemA).appendTo(ElemB) 는 ElemB 에 ElemA 를 추가. 그러면 이전에 넣을 때는..? before()http://findfun.tistory.com/239
[모음글] toggle time 은 miliseconds 즉 1/1000 초로 1초를 표현할 때는 1000 을 기입. time 이라는 파라미터 없이 사용하면 Default 가 적용. show(time) 와 hide(time), 그리고 toggle(time).slideDown(time), slideUp(time), slideToggle(time).fadeIn(time), fadeOut(time), fadeToggle(time). 아래 참고 사항도 보세요..toggleClass() 참조 후반부toggle 함수 재정의
this 와 $(this), 디스 DOM Object jQuery 에서 ..this 는 단일 개체(Object), 단일 요소(Element).$(this)는 DOM 구조에서의 복수 구성원(Element). 단일 Element 라도 배열 형태로 담김. - $(this) 가 하나의 DOM Element 라고 가정한다면,this 는 $(this).get(0) 또는 $(this)[0] 와 동일$(this).get(n) == $(this)[n]cf. $('...').toArray() - 역으로 생각해 보면. 단수를 복수 개념으로 끌어 들이기 위해 해당 요소를 $() 로 둘러 싸면 됩니다. $(this) 를 단수로 잡았다가 다시 jquery 함수를 먹이기 위해 $() 로 둘러싸는 거죠. $(this) == $($(this).get(0)) == $($(this)[0])..
[모음글] attr 속성 $('...').attr('attrA') 속성값 조회$('...').attr('attrA','valA') 속성값 설정$('...').attr({'attrA':'valA', 'attrB':'valB', ..., 'attrZ':'valZ'}) 여러 속성값 설정속성 삭제시, removePop() 사용 스타일 속성값은 attr 대신에 css 로 상기와 같이 조회/설정 할 수 있고,스타일은 클래스 단위로 작업하는 것이 더 간단할 수 있으며..hasClass(), addClass(), removeClass() cf. prop() 과 removeProp() 은 checked, selected, disabled 등과 같이 boolean 으로 세팅되는 항목에 대하여 사용http://hyeondatasource.blogs..

티스토리툴바