본문 바로가기

[jQuery] input text, select disabled 처리 텍스트 입력 필드나 select 콤보박스의 경우 사용자가 입력한 값을 disabled 즉.. 수정을 못하게 비활성화해야 할 일이 발생한다. 이럴 경우 jQuery를 이용, 간단하게 해결할 수 있다. 첫번째. readonly 처리. text 필드의 경우 readonly 속성을 주면 수정이 불가능한 읽기 상태가 된다. $("input[name=id]").attr("readonly",true); : name이 id인 input 필드의 속성을 readonly로 변경 처리.$("input").attr("readonly",true); : 모든 input 필드의 속성을 readonly로 변경 처리. 두번째. disabled 처리. disabled 처리의 경우 수정 불가 뿐 아니라 form 전송(submit) 역시 안.. 더보기
중국의 표준 웹 폰트(중국어 간체 웹 디자인을 위한 css 폰트 패밀리 안내) CSS에 설정되어 있는 본문 글꼴을 중국어(번체, 간체)로 설정해주시면 됩니다. 문서 전체가 중문 사이트라면 아래처럼 설정 body { font-family: '宋體', 'simsun', Arial; } 문서 전체가 아니라, 일부가 그렇다면 아래처럼 설정 :lang(zh), .zh { font-family: '宋體', 'simsun', Arial; } 언어코드는 아래 주소에서 확인 http://www.w3schools.com/tags/ref_language_codes.asp 마지막으로 중국어 웹 사이트 제작 유 경험자에 의하면 중문의 경우 서체의 크기를 12pt 이상으로 설정하는 것이 선호된다고 합니다. 같은 글자 크기라 하더라도 언어마다 차이가 있고, 글꼴마다 차이를 보이기 때문이죠. 한국어와 영어를 .. 더보기
[jQuery] offset animate 화면을 부드럽게 이동하고 싶을때 적용해 봅시다. 다음기능을 구현하기 위해 필요로 하는 함수는 아래와 같습니다. offset 함수 = Document 상에서 상대적인 좌표를 구함 animate 함수 = 애니메이션 효과 scrollTop 함수 = 스크롤을 이동시킴 $("#element").click(function(){ var offset = $("#element").offset(); $('html,body').animate({scrollTop : offset.top}, 300); }); 더보기
[jQuery] 기초 hasClass() hasClass() 란? hasClass( className )는 참, 거짓으로 판단하게 됩니다. 검색하려는 className이 존재하였을 때 True을 return하고 존재하지 않을 때 false를 return 하게 된다. 예제) 더보기
Niels Van Gogh feat. Princess Superstar - Miami (Davis Redfield Remix Edit) 더보기