본문 바로가기

Document

(6)
iOS 에서 화면 전환 자바스크립트가 실행되지 않는다면..? iOS 기기에서도,- 사파리에선 스크립트가 정상 작동- iOS 용 앱의 웹뷰에서는 스크립트가 작동하지 않음. 사용되었던 자바스크립트는 top.location.href = ''; 이었음.그런데, 해당 앱의 웹뷰에서 URL을 개발 PC 로 바꿔서 스크립트를 실행하면 정상 작동. 가만, 리얼 서버는 https 로 돌고 개발 PC 는 http 로 돌아서 그런가..?그래서 http 로 해당 화면을 오픈하고 스크립트를 실행하니 역시나 안 됨. 그래서, 미친체 하고 혹시나 싶어서해당 스크립트를 $(document).ready(function(){ ... }); 에 넣었더니..짜잔, 정상적으로 실행됨. ㅠ. 이거, 왜 그런겨..?
고정 width 를 가진 웹페이지, meta viewport 로 모바일 기기별 해상도에 자동 맞추기 요즘 반응형웹이다 적응형웹이다 이슈가 장난 아니네요. 그러나, 둘다 모바일에 최적화 되어 있다고 할 수는 없어요. 요즘 나오는 모바일 기기는 PC 해상도를 상회하지만, 화면폭은 클 수가 없다는 겁니다.. ㅠ. 이럴 바에는 차라리 viewport 를 이용하는 것이 나아 보입니다. 물론, www 용과 mobile 용 웹페이지 2개를 운영해야 하겠지만서도요.. 암튼, 어떤 방법이든 장단점이 있으니까요. 여기에서는 모바일 홈페이지가 고정폭으로 적용된 웹사이트에서.. 어떻게 하면, 해상도가 서로 다른 모바일 디바이스에서 모두 한 방에 정상적으로 보이게 하느냐에 대해 다뤄봅니다. 초창기 스마트폰 해상도가, 320 인 시절이 있었지요. 이때 개발된 홈페이지들은 화면폭이 640 pixel 로 세팅되어 있어요. 320 ..
자바스크립트로 이미지 다운로드 여기저기 어렵게 찾았네요.. function downloadImage(imageUrl,fName){ if(/msie|trident/i.test(navigator.userAgent)){ // IE 인지 체크 var _window = window.open(imageUrl, '_blank');// 새창으로 열어서.. _window.document.close(); _window.document.execCommand('SaveAs', true, fName);// 저장하라, false 로 해도 동일 _window.close();// 끝나면 새창 닫음 }else{ var $a = $("").attr("href", imageUrl).attr("download", fName).appendTo("body");// HTML..
document ready 와 window load 의 차이 http://creator1022.tistory.com/156#comment7719602 document 는 DOM 구조를 이야기 하는 것으로,$(document).ready(function(){ // 이곳에 기술되는 내용은 DOM 구조가 메모리에 올려진 다음 바로 실행되므로, // CSS 나 JS, 이미지, iframe, 외부 URL 인용 등이 작동하기 이전에 실행될 수 있네요..}); 이에 반해서, window 는 브라우저의 모든 개체를 아우르기 때문에,$(window).load(function(){ // 이곳에 기술되는 내용은 화면에 필요한 모든 요소들이 웹브라우저 메모리에 모두 올려진 다음에 실행되므로, // CSS 나 JS, 이미지, iframe, 외부 URL 인용 등이 작동된 다음에 실행될다 ..
jQuery 와 Java 로 XML DOM 다루기 o 먼저는 jQuery 로 XML 데이타 가져오는 방법 http://www.xgenesis.org/webProgramming/5927995 $.ajax({ type: "get", // post url : "sample.xml", dataType : "xml", success: function(xml) { $(xml).find("data").each(function(){ // $(xml) 은 Ajax 리턴값의 Root Tag. each() 는 find 결과가 배열일 경우에 대한 방비 var title = $(this).find("title").text(); // attr('AttrName') 속성값 추출 var linkUrl = $(this).find("link_url").text(); var linkTa..
jQuery Ajax, FAQ 를 웹에디터로 관리할때 아코디언 목록이 1건만 표시될 때의 처리 (방법론) FAQ 를 구성할 때.. 평소에는 제목만 보이다가, 제목을 클릭하면 상세 내용이 제목 밑으로 펼쳐지는 방식의 아코디온 FAQ 가 필요할 때가 있죠. 그런데, FAQ 내용을 웹에디터를 사용해서 관리한다면 간혹 곤란한 경우가 발생하기도 합니다. 수작업으로 만들어 낼 때는 FAQ 목록에 html 태그가 들어가지 않는데, 웹에디터를 사용해서 FAQ 를 관리하면 펼쳐지는 본문 내용 부분에 태그가 들러붙죠. 이때 FAQ 목록의 첫번째는 제대로 나오는데 그 다음부터 나오지 않을 수도 있어요. FAQ 를 구성하는 구조를 어떻게 했느냐에 따라서 발생하기도 발생하지 않기도 하는 현상입니다만.. 본문내용 로 해 두었다가 클릭했을때 나오게 하거나, 를 두고 본문내용 에 담았다가 div 에 표시되게 하는 방법이 먹히지 않을 때..