요즘 한창 Flex / Air 를 보고 있습니다.
그래서 Flex의 장점 RIA를 활용할 수 있는
Flash Effect 를 샘플로 만들어 놓았습니다.
샘플로 만들어 놓으면 나중에 사횽하게 될때 쉽게 찾아서, 어떤 Effect 를 쓸지
쉽게 생각해 내고 적용 할수 있겠죠.
Flex 에 어떤 Effect 가 있는지 궁금하신 분들은 아래 샘플을 보시면 될듯 합니다.
요새 prototype.js 를 이용해, javascript 를 깔끔하게, 효율적으로
만드는 방안으로 생각 하고 있는 도중, JQuery 를 알게 되었다.
그런데 이게, JQuery 예제를 이용하던 도중 이것을 이용하면,
디자이너가 HTML를 넘기면 id 및 name 를 세팅하여, 넘겨주면,
스크립트 작업 후 개발을 할때, 디자인이 수정되어도, 가공된 페이지에 변경 없이 작업을 할수 가 있다고 생각이
들었다. Greate!!
물론 prototype 를 이용해 할수도 있는데 흠.. JQuery 를 이용하면 좀더 효율 적으로 할 수 있다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Untitled Document</title><script type="text/javascript" src="script/jquery-1.2.6.js"></script>
<script type="text/javascript">$(document).ready(
function (){
$("#textcubeLink").click(
function(){
alert("empas image click");
}
).css("cursor", "pointer");
$("#blogLink").click(
function(){
location.href = "http://taesuz.net/tt/";
}
).css("cursor", "pointer");
}
);</script>
<style type="text/css">
.links { cursor: pointer; }
</style></head>
<body>
<a id="blogLink">taesuz.net 링크</a>
<br />
<br />
<img src="http://taesuz.net/tt/skin/ReinerSchwarzKoreanisch/images/textcube.jpg" id="textcubeLink" /></body>
</html>
A.jsp 페이지에서, C.jsp 를 팝업으로 띄워야 하는데,
문제는 팝업을 띄운후 부모창에 포커스를 줘야 한다..
근데 Internet Explorer 에서는 다음과 같이 해결 가능하다.
window.onload = function init(){
var win = window.open("C.jsp", "c");
self.focus();
}
그러나 window.focus() 가 FireFox에서는 지원이 안된다..
구글링을 해봤지만 답 없음.. 그리하여.. 꽁수를 찾아 냈다.
window.blur() 옵션은 먹기에 window.blur()를 이용하였다.
우선 IE에서는 제대로 되는 위에 소스를 A에 박아주고,
B더미 페이지를 만들고, B에서 blur()를 쓴후 C로 이동하는 방법..
대략 3시간 헤맨듯.. ㅡㅡ;
저같은 상황에 도움이 되기를....
A.jsp
window.onload = function init(){
var win = window.open("B.jsp", "b");
self.focus();
}
B.jsp
<body onLoad="self.blur(); location.href='C.jsp';">
