본문 바로가기

Local Oriented/HTML CSS JS

 (99)
window.open 팝업이 열릴 때 맨 위에 뜨게 하려면 focus() var wo = window.open('...','...','...');if(wo) wo.focus();else alert('팝업 차단 기능을 해지해 주세요. ^.^');
eval 로 함수 여러개를 실행한다? 아래 ajax 에서 문에서, callback 을 실행한다 했을 때..한 번에 여러개의 함수를 실행할 수 있나? 당근. $.ajax({ ... success : function(d){ if(d.cb!=''){ try{ eval(d.cb); }catch(e){} } }, ... }); ajax 로 호출되는 곳에서..데이타 세팅할 때,상기 d.cb 에 해당하는 곳에 아래와 같이 세팅.foo1(param1, param2, ...) foo2(param1, param2, ...)
CSS tr:first-child 사용해서 목록에 라인 긋기 아래 table 구조에서 table 의 외곽에 실선이 그려져 있는 상태인데,tr 마다 가로선을 그리고 싶다면.. ... ... ... ... ... ... ... ... ... 아래와 같이 모든 td 에는 위쪽으로 선을 그리고,첫 줄(tr:first-child td) 에서는 위쪽으로 선을 그리지 않게 하면 된다. 물론, 모든 td 아래쪽으로 선을 긋고,마지막 줄(tr:last-child) 에 아래쪽으로 선을 그리지 않게 해도 된다. td {border:none}
JSON.stringify() JSON.parse() - http://code.i-harness.com/ko/q/ad0416 - JSON.stringify()https://msdn.microsoft.com/ko-kr/library/cc836459(v=vs.94).aspxajax 로 넘어온 json 데이타의 경우 alert(data) 하면 Object 로만 표시되는데,alert(JSON.stringify(data)) 하면 json 데이타를 하나의 문자열 변환하여 보여준다. - JSON.parse()https://msdn.microsoft.com/ko-kr/library/cc836466(v=vs.94).aspxjson 데이타가 문자열로 변환된 것을 다시 json 데이타로 변환. 결론, JSON.parse(JSON.stringify(json데이타)) = json..
크롬에서 colgroup 의 col 속성 중 colspan 과 상기와 같이 했을 때 IE 에선 정상적으로 보여지지만,크롬에선 오른쪽에 공백이 생긴다. col 태그에 사용된 colspan 을 없애고 태그를 8번 사용했더니,더 심각한 오류가 발생함.물론, IE 에선 정상적으로 보임. 그래서 width 속성에 사용된 % 를 없애고,pixel 단위로 계산하여 다시 세팅하자 정상화 됨.크롬에 있는 버그도 상당히 많음.. 크롬에서도 정상적으로 보이는 결과는 아래와 같음.
location.href 와 replace() 차이 http://blog.naver.com/anrrud79/100006669351href 로 이동시 웹브라우저 주소창에 변경되는 URL 이 바뀜replace() 로 이동시 웹브라우저 주소창에 변경되기 이전의 URL 이 그대로 보임href 인 경우 history.back() 이나 브라우저의 뒤로가기시 캐시에서 이전에 보여주었던 내용을 꺼내서 보여주고,replace() 인 경우 뒤로가기시 캐시가 아닌 실제 이전 페이지를 Refresh 함그런데, href 로 되돌아가는 웹페이지에 캐시를 삭제하는 내용이 들어 있다면 어떻게 될까..? - 이전 문서가 정적인 문서인 경우, 캐시에서 읽어오면 빠르게 화면이 표시되기 때문에.. location.href = '...'; 를 추천 - 이전 문서가 동적인 문서인 경우, 캐시에..
애플 아이폰 아이패드에서 기존 링크가 전화번호로 잘못 인식되는 blue link, x-apple-data-detectors http://removebluelinks.com/사파리에서는 설정한 대로 동작하는데,어플에서는 링크를 터치할 때 전화번호로 인식해서 전화를 걸거서 연락처에 추가하는 등의 옵션이 켜지는 현상. 상기 링크에서는 CSS 를 이용하라고 하는데..이건 제대로 된 답이 아니구요. 이번에 체크되었던 사례는,
외부 자바스크립트 파일을 호출하는 위치 http://code.i-harness.com/ko/q/6a8bb 태그를 html 의 head 에 넣으면..해당 .js 파일을 다운로드 하는 동안 웹브라우저가 DOM 구조 생성을 연기합니다. 이것이 기본.옛날 웹브라우저나 최근 웹브라우저나 동일한 기능. 그래서, 바로 이전 태그에 상기 script 태그를 넣는 경우가 있었으나..이렇게 하면, 본문에 사용되는 스크립트가 실행되어야 할 때 외부 자바스크립트 파일이 다운로드 될 때까지 기다려야 함. 최신 웹브라우저들은 defer 와 async 옵션을 script 태그에 넣어서, head 에 추가 되었을 때..DOM 구조 생성 과정과 외부 .js 파일 다운로드를 서로 비동기적으로 실행.외부 .js 가 하나라면 두 옵션이 동일한 기능.외부 .js 가 여러개라면 a..

티스토리툴바