본문 바로가기

The Focus

 (556)
usemap 사용시 크롬에서 작동하지 않는다면..? 아래 코드를 MS 사의 인터넷익스플로러(Internet Explorer, IE) 에서 실행하면 잘 실행됩니다.그런데, Google 사의 크롬(Chrome) 에서 실행하면..? 작동하지 않습니다. 아래 코드와 같이, 대체로는 map 의 name 과 id 를 동일한 명칭으로 세팅하는데..누군가가 이걸 다르게 세팅해서 우연치 않게 발견했네요. ~. 어떻게 보면 usemap 에서 '#' 을 사용하기 때문에 map 태그의 id 에 기재된 "idMap" 이 작동할 것같지만,usemap="#nameMap" 과 같이 해야 map 태그 하위 태그인 area 의 href 에 기술된 내용이 작동합니다.이것이 조금 이상하다구요..? jquery 등의 툴을 사용하는 경우, id 에 '#' 을 class 에 '.' 를 사용하는 ..
크롬 Chrome 웹브라우저에서 플래시 Flash 를 2개 이상 사용시 정상적으로 보이려면.. iframe 을 사용하는 방법 밖에는 없네요..투명한 플래시를 겹쳐 사용하는 경우, iframe 도 투명하게 세팅하면 됩니다. ~. 그런데, 황당한 것은.. 크롬도 어떤 때는 iframe 없이 한 화면에 여러개의 플래시를 사용해도 멀쩡히 잘 나올 때가 있다는 겁니다.그리고, 어느 순간 또 제대로 안 나오고.. 이거 PC 가 이상한 것인지, 크롬 마이너 업데이트를 통해 코드가 약간씩 바뀌는 것인지.. ㅠ. 기본이 되는 플래시는 a.jsp 에 담고,a.jsp 안에 iframe 코드를 b.jsp, c.jsp 등으로 포함시켜서,b.jsp 나 c.jsp 에는 다시 플래시 코드를 넣고.. 이렇게 하면 2개 이상도 크롬에서 정상적으로 보입니다. ~. 플래시에 링크가 걸리는 경우, top.location.href 을 ..
Flick 기능을 PC 와 스마트폰 양쪽에서 적용 http://dohoons.com/test/flick/
jQuery noConflict, 다른 JS F/W 과 혼용시 충돌방지 원문 : http://linuxism.tistory.com/666(function($){ // $ 를 funciton 앞뒤에 있는 괄호 블럭 안에서 이전과 다른 의미로 재정의 해서 사용한다는 것 // jquery 문장을 자유로이 사용 $(document).ready(function(){ // 뭐 이런식으로다가.. }); })(jQuery); ---------------------------------------- http://makand.tistory.com/entry/jQuery-noConflictjQuery 이외에 다른 자바스크립트 프레임워크와 jQuery 를 혼용하는 화면에서 jQuery 가 충돌하는 것을 방지하려면..?아래와 같이 사용하는 것이 jQuery 사용법을 해치지 않으면서 가장 적절하게 ..
jQuery ~ (siblings) 를 사용하여 형제들 중의 특정 하위 요소 선택 아래 id1 이후로 가장 가까운 첫번째 tr 의 두번째 td 를 선택하려면..?class 인 tr1, tr2, tr3, td1, td2 등은 실제로는 없는 코드이고, 설명을 하기 위해 덧달아 놓은 겁니다. td01 td02 ... (다수의 tr td 문 존재) td11 td12 td21 td22 td31 td32 간단할듯 한데, 조금 복잡하네요.id1 을 선택해서 parent 인 tr 로 올라갔다가 siblings 인 tr 들 중에서 첫번째 tr 을 선택하고,td 들 중 두번째를 선택하면 됩니다만.. 일단 id1 을 선택하려면, $('#id1') 하면 됩니다. id1 을 감싸는 tr 인 tr.tr1 을 선택하려면, $('#id1').parent() 로 하면 되구요. 여기까진 너무 쉽죠..?$('#id1 ..
jQuery find() 와 filter() 차이 http://happyyhj.blog.me/127418663 http://www.cyworld.com/stoneberg/5520754 쉽게 말해서, $('A').find('B') 와 $('A').filter('B') 의 차이는.. find() 는 A 안에 담긴 DOM 구조를 살피는 것이라서 A 자체는 제외되는 것이고, filter() 는 A 자체에서 B 요소를 찾는 것. ...... 라고 했을때, $('tagA').find('.class1') 은 tabB 의 DOM 구조배열을 가리키고, $('tagA').filter('.calss1') 은 tagA 의 DOM 구조배열을 가리킨다. DOM 구조배열이라고 명명한 것은, DOM 구조인데 이것이 배열형태를 띄고 있기 때문. 아래 HTML 이 주어질 때, $('t..
iframe 안에 정의된 자바스크립트 변수를 iframe 밖에서 jQuery 로 접근하는 방법, contentWindow A.html 안에 아래와 같이 iframe 이 존재하고, B.html 안에는 아래와 같이 자바스크립트 변수가 존재할때.. A.html 안에서 jQuery 를 사용하여 B.html 안에 있는 변수를 가져다 쓰려면 어떻게 해야 할까요..?이런 경우.. contentWindow 라는 넘을 사용합니다.A.html 안에서 $('#iframe1').get(0).contentWindow.var1; 그런데 문제가 있네요.. IE10 에서는 $('...').get(0) 가 작동하지 않으니..이거, jQuery 버전이 달라지면 해결이 되는 것인지 모르겠네요. jQuery 1.5 에선 작동하지 않아요, IE 10 에서.. ㅠ.
인터넷 익스플로러(IE) 에서 이미지를 둘러싼 태그의 여백에 영향을 주는 요소 예를들어 아래와 같은 HTML 코드가 있다고 할 때, DOCTYPE 이 세팅된 경우라면 생각하는 대로 표시되는데 DOCTYPE 이 없다면..?Box 모델을 생각해 볼때, padding 과 margin 을 고려해 볼 수 있는데..padding 은 IE 와 Chrome 등에서 유효하지만, margin 의 경우 상하는 값을 주어도 적용이 되지 않고 좌우만 수치 조정이 가능.다음으로 생각해 볼 것은 line-height.. 그런데도 이미지 상하에 여백이 발생한다면 font-size 를 조정해 보세요.물론, 이미지에는 적용할 필요 없고, 이미지를 감싸는 태그에 적용하면 됩니다. .........

티스토리툴바