'Cross Browser'에 해당되는 글 2건
- 2010/02/18 Javascript - Element Opacity Control for Cross Browser
- 2009/05/08 Javascript – 이벤트 추가
2010/02/18 16:00
Javascript - Element Opacity Control for Cross Browser
2010/02/18 16:00 in Web/JavaScript
자바스크립트로 HTML Element의 투명도(Opacity)를 조절하는 경우 크로스 브라우저(Cross Browser)를 지원하기 위해 삽질을 하게 된다.
이럴 때 아래 코드를 이용하자
function setOpacity(id, opacity) {
var object = id.style;object.opacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
}
이 장소를 Daum지도에서 확인해보세요.
서울특별시 영등포구 여의동 | 서울 영등포구 여의도동
'Web > JavaScript' 카테고리의 다른 글
| Add Twitter to your blog (2) | 2010/11/05 |
|---|---|
| JSINQ - LINQ With JavaScript (0) | 2010/04/10 |
| Javascript - Element Opacity Control for Cross Browser (0) | 2010/02/18 |
| Ext JS 3.0 (0) | 2009/09/23 |
| Javascript : Microsoft OS & Internet Explorer Agent Check (0) | 2009/07/20 |
| Javascript – 이벤트 추가 (0) | 2009/05/08 |
이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^
Cross Browser,
element,
html,
javascript,
opacity,
자바스크립트,
크로스 브라우징,
프로그래밍,
서울특별시 영등포구 여의동 | 서울 영등포구 여의도동
Trackback : http://i-ruru.com/trackback/525
웹 페이지에서 컨트롤이나 Element에 이벤트를 추가하기 위해 Cross-browser를 고려해야 한다.
이럴 때 다음과 같이 코드를 작성하면 되겠다.
if (window.addEventListener)
{
window.addEventListener('click', SomeClass.ClickEventMethod , false);
}
else
{
window.attachEvent('onclick', SomeClass.ClickEventMethod );
}
특정 타겟 브라우저로 개발을 하더라도 위와 같이 작업하는 습관은 정말 중요할 것 같다.
'Web > JavaScript' 카테고리의 다른 글
| Ext JS 3.0 (0) | 2009/09/23 |
|---|---|
| Javascript : Microsoft OS & Internet Explorer Agent Check (0) | 2009/07/20 |
| Javascript – 이벤트 추가 (0) | 2009/05/08 |
| 스크립트에서 클라이언트 프로그램 실행 시키는 방법 (3) | 2009/02/17 |
| [js]브라우저의 오른쪽 상단의 X표시를 누르거나 창을 닫을때 이벤트 잡기! (1) | 2009/01/05 |
| DHTML을 빠르게 하는 12가지 튜닝 (0) | 2008/07/14 |
이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^
Prev
