본문 바로가기

Local Oriented

 (251)
form 문에서 Enter(엔터, 리턴 Return) 작동하지 않게 하기.. $(document).keypress(function(e) { if (e.keyCode == 13) e.preventDefault();}); ----------------------------------------------------------------------------form 문에 input 이 1개만 존재하는 경우,input 안에 엔터 문자가 들어오면 submit 이 자동으로 실행된다고 하네요(w3 HTML 스펙). 상기 form 문의 content 에 프롬프트가 있고 키보드에서 엔터를 눌렀을 때 submit 되지 않게 않게 하려면..?아래 코드와 같이 키값이 엔터일 때 return false; 를 하면 되겠군요.return false 가 아니라 return 을 하는 경우 화면이 Refresh..
파이어폭스에서는 z-index 스타일에 마이너스 수치를 쓰면 약간 다르게 작동 일단 감이 그렇네요.딱히 "어떤 케이스에서 항상 발생한다" 란 것을 들 수가 없어요..그러나, 다른 웹브라우저와 달리 마이너스 z-index 를 사용하면 약간 다르게 작동한다는..
jQuery UI 에서 draggable 과 droppable 사용시, "'data(...).options'은(는) null 이거나 개체가 아닙니다." 메시지가 나온다면.. jQuery UI 에서 draggable 과 droppable 사용시, "'data(...).options'은(는) null 이거나 개체가 아닙니다." 메시지가 나온다면..옵션을 여러번 사용하지 말고, json 방식으로 한 방에 사용하면 어떨까 싶네요. idDrop1 영역에 idDrag1 에 있는 이미지를 가져다 맞추는 퍼즐기능에서..정확한 영역에 drop 한 다음,idDrag1 의 이미지를 다른 곳에서 사용하지 못하도록 revert invalid 와 disable 세팅을 했더니,idDrag1 에 사용된 이미지에 opacity 가 먹어서 투명하게 되었어요. opacity 옵션을 수정해도 disable 처리된 이후에는 투명도를 수정할 수가 없더라구요.그래서 destroy 옵션을 세팅하니까 투명도 문제는 해..
event properties 가 Chrome 에선 작동하지 않네요, 적어도 jquery-1.8.3 에선.. 아래 코드에서 코드1은 IE 와 Chrome 등에서 작동을 하는데, 코드2는 Chrome 에서 작동하지 않네요..테스트 했던 jQuery 버전은 1.8.3 이어서 그 이후나 이전 버전에선 어떻게 작동을 하는지 모르겠지만..암튼, event properties 를 사용하면 안될듯.. ㅠ.하긴, this.num 도 Chrome 에선 작동하지 않았어요...혹시나 내 PC 에 설치된 Chrome 버전에 문제가 있는것인지도..
크롬과 IE 최신버전에서 }; 사용시 주의 자바스크립트에서 '}' 와 ';' 를 동시에 사용하는 것은, 배열을 선언할 때 정도네요..그런데, 아래와 같은 문장이 이전 버전의 IE 에서는 정상 작동하지만..크롬이나 최선 버전의 IE 에서는 오류가 납니다. if(..){ ...;}; 상기와 같은 문장은,if(..){ ...;}와 같이 해 주면 오류가 없습니다.
IE 에서는 잘 되는데 크롬 등등에선, 이미지 맵으로 된 링크 작동이 이상.. 코드는 아래와 같구요..작동은 leftMenu 나 rightMenu 상의 img 위에 마우스가 올려지면, centerVisual의 이미지가 바뀌는 겁니다.centerVisual 에 올려지는 이미지에는 이미지맵 세팅되고, 각각 링크가 걸려 있어요.top 영역 밖으로 마우스가 이동하면 기본 이미지가 centerVisual 에 세팅됩니다.그런데, IE 에서는 제대로 동작을 하는데..크롬이나 사파리, 파이어폭스에선, 이미지맵에 마우스 커서가 올려질 때 centerVisual 에 기본 이미지가 세팅됩니다.고민 고민하다 보니.. 이미지맵에 마우스가 올려지면 top 영역이 아닌 것으로 인식한다..그러고 보니 map 들은 top 밖에 있네요.. top 밖에 있는 map 들을 top 안에 넣으니까 크롬 등에서도 정상 작..
크롬에서 유의해야 하는 자바스크립트 IE 에선 정상적으로 작동하는데 크롬에선 오동작 하는 자바스크립트 코드들을 함 모바보자구요. ~. o getYear() 대신 getFullYear() 사용var d1 = new Date(); // alert(d1.getYear()); 해 보면 대략 난감해 집니다. 최신 IE 에서는 크롬과 동일하게 getYear() 하면 이상한 값 넣어짐. ㅋ o 파일 다운로드 받을때 a 태그의 target 설정IE 에선 target 을 _blank 로 하면 새창이 열리면서 해당 파일이 열리는데, 크롬에선 대략 난감해 집니다.크롬에선 target 을 숨어있는 iframe 으로 하면 좋은데, IE 에서 이렇게 하면 대략 난감.다운로드
usemap 사용시 크롬에서 작동하지 않는다면..? 아래 코드를 MS 사의 인터넷익스플로러(Internet Explorer, IE) 에서 실행하면 잘 실행됩니다.그런데, Google 사의 크롬(Chrome) 에서 실행하면..? 작동하지 않습니다. 아래 코드와 같이, 대체로는 map 의 name 과 id 를 동일한 명칭으로 세팅하는데..누군가가 이걸 다르게 세팅해서 우연치 않게 발견했네요. ~. 어떻게 보면 usemap 에서 '#' 을 사용하기 때문에 map 태그의 id 에 기재된 "idMap" 이 작동할 것같지만,usemap="#nameMap" 과 같이 해야 map 태그 하위 태그인 area 의 href 에 기술된 내용이 작동합니다.이것이 조금 이상하다구요..? jquery 등의 툴을 사용하는 경우, id 에 '#' 을 class 에 '.' 를 사용하는 ..

티스토리툴바