반응형
반응형

Sencha Touch 2 Build Mobile Web Apps with HTML5

Buy Support Download

Sencha Touch 2 hero

The Best Framework Just Got Better

Build HTML5 mobile apps for iPhone, Android, and BlackBerry.

Watch VideoWith over 50 built-in components, state management, and a built-in MVC system, Sencha Touch 2 provides everything you need to create immersive mobile apps.

View Examples


반응형
반응형

Eclipse SDK 4.2

Eclipse SDK 4.2 is the new platform for building Eclipse rich client applications. This new platform makes it easier for developers to develop and assemble applications based on Eclipse.

The 4.2 release is ready for consumption by both Eclipse plug-in developers and end users.

Download FAQ

http://www.eclipse.org/org/press-release/20120627_junorelease.php



반응형
반응형
http://msdn.microsoft.com/ko-kr/library/windows/apps/br205757.aspx


반응형

'프로그래밍 > Web' 카테고리의 다른 글

Building a “Coming Soon” Page With HTML and LESS  (0) 2012.07.26
[HTML5] Web Worker  (0) 2012.07.13
HTML5 - 웹소캣 Connectivity  (0) 2012.05.02
크로스 플랫폼 개발환경 - 웹앱?!  (0) 2012.05.01
HTML5 offilne cache  (0) 2012.04.27
반응형
http://msdn.microsoft.com/ko-kr/windows/apps/
반응형
반응형

<iframe id="PayIFrame"></iframe>


1. src 바꾸기.
$("#PayIFrame").attr("src", "http://www.shop-wiz.com");

2. iframe  내의 문서 객체 접근
iframe 속의 문서에 <div id="target"></div>

$("#PayIFrame").contents().find("#target").html();


3. 부모문서에 접근
$("#parent_id", parent.document)


4. 부모문서의 다른 iframe 접근
$("#parent_id", parent.frames["frame_id"].document)




자동 iframe 길이 체크하기

function setSize(){
    $("#myIframe").height(500);
}

아래가 실제 코드입니다.
var resizeIframe = function (){
    $("#myIframe").load(function(){
        $(this).height($(this).contents().find('body')[0].scrollHeight);
    });
}
$(function(){
    resizeIframe();
});


<iframe src="" width="1000" height="500" frameborder="0" name="myIframe" id="myIframe" scrolling="no"></iframe>    

setSize는 실제 iframe 크기를 초기화 시키는 작업을 합니다.
iframe 내의 문서에서 parent.setSize()를 호출합니다.

만약 서브 도메인인경우는
parent와 child 에 각각 document.domain = 'domain.com'; 을 정의해서 사용하시면 됩니다.

반응형
반응형

확대 축소
/* 화면 확대 축소 시작 IE 전용 */
var nowZoom = 100; // 현재비율
var maxZoom = 200; // 최대비율(500으로하면 5배 커진다)
var minZoom = 80; // 최소비율

//화면 키운다.
function zoomIn(){
 if(nowZoom < maxZoom){
  nowZoom += 10; //25%씩 커진다.
 }else{
  return;
 }
 document.body.style.zoom = nowZoom + "%";
}

//화면 줄인다.
function zoomOut(){
 if(nowZoom > minZoom){
  nowZoom -= 10; //25%씩 작아진다.
 }else{
  return;
 }
 document.body.style.zoom = nowZoom + "%";
}


반응형

'프로그래밍 > Script' 카테고리의 다른 글

Skeleton to WordPress: Getting up and Running  (0) 2012.08.02
[jQuery] jquery로 iframe 다루기  (0) 2012.06.19
Node.js , Python, Django, Play Framework  (0) 2012.05.29
[javascript] Navigator  (0) 2012.04.30
node.js 외 js 관련  (0) 2012.03.26

+ Recent posts