본문 바로가기

window

 (5)
window.open 팝업이 열릴 때 맨 위에 뜨게 하려면 focus() var wo = window.open('...','...','...');if(wo) wo.focus();else alert('팝업 차단 기능을 해지해 주세요. ^.^');
고정 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..
웹브라우저 주소표시줄(창) 없애는 HTML/jQuery 코드 주소 표시줄 또는 주소 표시창을 없애는 방식이 애플 모바일 사파리에서 HTML meta 코드로 제공되는데,jQuery 를 사용하면 안드로이드 웹브라우저에서도 구현 가능합니다. 차이는 있습니다.. ^^.아래 1과 2 두가지 코드를 모두 사용하면 문제 해결입니다. ^^. 1. 애플 모바일 사파리안드로이드 기기에서는 아직까지 적용되지 않구요.. 앞으로도 아마 적용되지 않을 코드입니다. meta name 에 apple 이 들어가거든요..애플 OS 라도 모바일 기기의 iOS 에서는 구현되지만, 맥북이나 맥북 에어 등의 PC 에서는 적용되지 않구요. 2. jQuery$(window).load(function(){ setTimeout(scrollTo, 0,0,1);});이 코드도 body 에 구현되는 내용의 heig..
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 인용 등이 작동된 다음에 실행될다 ..

티스토리툴바