본문 바로가기

Local Oriented

 (251)
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 값을 계산하지 못하는 것이더군..
반응형웹 툴, 미디어 쿼리, 모더나이저, 리스폰드 - http://k7620702.com/13, 기본 설명 - http://www.biew.co.kr/26, 반영형웹 체크사항 - 각 기기들에서 사용될만한 미디어 쿼리 샘플http://nmsdvid.com/snippets/ - A JavaScript library that detects HTML5 and CSS3 features in the user’s browser http://modernizr.com/ 2013.04.09 현재 2.6.2 ver - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more) https://github.com/scottjehl/Respond - IE 에서 미디어 쿼리 작동..
IE에선 보이는데, 크롬에서 배경이미지가 안 보이는 현상 ... ... ... 상기 코드로 작성되었는데, 이것이 MS 사의 인터넷 익스플로러(이하 IE)에서는 제대로 이미지가 보이는데..크롬에선 안 보인다며 해결 의뢰가 들어왔습니다. 자, 이리저리 해 보았으나 원인을 잘 모르겠는거에요.최초 작업자가 HTML 과 CSS 를 한 두 해 하는 것도 아니고, 나도 꽤나 오랜 세월 작업을 해 왔지만..도저히 모르겠는거라.. ㅠ. 그래서 마지막으로, li 하나에 style="background:url('...') left top" 해 보니..짜잔, 크롬에서도 IE 에서도 정상적으로 보이는겁니다.아하.. class 이름으로 사용한 01, 02, 03 등이 문제.class 이름은 숫자로 시작하면 안 된다는 전제가 있었는데, 가장 기본적인 것을 까먹은거에요.30분 동안 뭔 짓..
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() 함수를 사용하는 것으로 결정. 표현형을 사용해도 ..
[모음글] 자바스크립트, 자바, Oracle replaceAll - split 과 join 함수를 사용하는 방법. 가장 맘에 드는 방법.. ~. http://www.9f.co.kr/bbs/board.php?bo_table=data04&wr_id=38 문자열에서 특정 단어에 태그를 넣을때 -> var tag = '...'; $(this).html().split(tag).join('' +tag+ '') - replace 함수와 표현식을 사용하는 방법. http://blog.naver.com/bluemoonlk?Redirect=Log&logNo=110134372966 var tag = '...'; $(this).html().replace(new RegExp(tag, 'g'), '' +tag+ ''); - 루프를 사용하는 방법.. 소스가 길어지네요.. http://blog...
content="IE=edge,chrome=1" 메타 태그와 IE 그리고 Chrome 크롬과 IE 모두 설치된 PC 에서는 크롬의 렌더링 엔진을 차용해서 화면에 뿌려주지만, 아닌 경우에는 그냥 IE 모습 그대로.. ㅠ. 그래도, 호환성보기 옵션을 선택할 수 없게 된다는 것 자체에 의미를 두어야.. ^^. http://vouloir.tistory.com/839, Quirk Mode 쿼크모드로 웹화면이 열리는 경우..HTML5 형식으로 기술하면 열리지 않을듯..대체로는 doctype 이 없을 때 doctype 이 있어도 HTML 4.0.1 로 열 때..
세로로 반복되는 배경 이미지 위에 내용물을 입힐 때 의도하지 않은 빈 줄 없애는 방법 아래와 같은 경우 빈 줄이 생길 수 있습니다. ㅠ.ㅜIE 호환성보기에서는 빈 줄이 생기지 않지만, IE 기본모드와 비 IE 웹브라우저에서 발생.아마도, 반복되는 배경 이미지가 입혀져야 하는 height 를 자동으로 산출할 수 없기 때문에 발생하는 듯.. 세로로 반복되는 배경 이미지를 놓고..1. 그 안에 margin 을 사용할 때, margin 대신 padding 사용으로 해결2. 그 안에 float 를 사용할 때, clear:both 로 float 정지 ... ... 아래와 같이 margin 대신에 padding 을 사용해 보세요. ... ... ... ... 아래와 같이 float:left 가 들어간 동일 레벨 마지막에 clear:both 스타일을 먹여 보세요. ... ...

티스토리툴바