javascript
Javascript Overiding
Javascript Overiding
2012.08.01JavaScript 에서 기존에 있는 함수를 바꿀 수 없을 때 Overriding 개념으로 어떻게 접근해야할지 궁금해서 테스트 해봤다. (이하 코드 참고) 결과는 성공 잘 되드라.. ㅋㅋ
기초 jQuery 정리
기초 jQuery 정리
2012.05.09기초 jQuery 정리 (추가적인 API는 http://docs.jquery.com/Main_Page에서 참조) Attributes data( name ) – 메모리상에 name에 대한 data 조회 data( name, value ) – 메모리상에 data생성(name에 대한 value) removeData( name ) – 메모리상에서 data 삭제 $("div").data("test", { first: 16, last: "pizza!" }); $("span:first").text($("div").data("test").first); $("span:last").text($("div").data("test").last); Selectors Basics: #id – 개체의 id가 #뒤에 있는 id 인 것..
Javascript - document.execCommand Method
Javascript - document.execCommand Method
2011.07.19Javascript 의 execCommand 명령어로 할 수 있는 외부 기능이 많습니다. 물론 앞으로는 없어질 추세에 있고, 브라우저 호환성에 좋지 않지만, 아직까지는, 그리고 한국에서는 활용도가 있는 편이기 때문에 혹시나하는 일에 사용될 수도 있겠죠. 이 스크립트 메소드를 이용해서 쓸 수 있는 명령들이 잘 정리되어 있는 페이지가 있어 연결합니다. 참고 주소 : http://koxo.com/lang/js/method/commandIdentifiers.html http://msdn.microsoft.com/en-us/library/ms536419(VS.85).aspx 2D-Position 절대적으로 위치된 엘레멘트를 드래그로 이동이킬 수 있도록 한다. AbsolutePosition 엘레멘트의 positio..
Javascript - Ajax module on OWA(MS Outlook Web Apps.)
Javascript - Ajax module on OWA(MS Outlook Web Apps.)
2011.03.15잠시 참고용으로 분석한 내용; var POST="POST"; var GET="GET"; if(!g_fModuleLoaded)var g_fModuleLoaded={}; if(!g_fModuleLoaded[".\\dom/ajaxrequest.js".toLowerCase()])(function(){ Type.createNamespace("Owa.Dom"); var fChecked=false; var fUseNative=true; var rgRequests=[]; Owa.Dom.AjaxRequest = function Owa$Dom$AjaxRequest(sUrl,sCmd,oCtx,cb,fSync,fNeverDispose){ var oXHR; if(fChecked){ oXHR=fUseNative ? new XML..
for Javascript
for Javascript
2011.03.08* .NET C# Library JSON.NET 4.0 (Windows Phone Support) http://james.newtonking.com/archive/2011/01/03/json-net-4-0-release-1-net-4-and-windows-phone-support.aspx * Mobile Web Apps - Cross Platform JS Framework http://ajaxian.com/archives/yo-yo-developer-killer-cross-platform-mobile-web-apps-with-jo * JQuery Data Binding http://ajaxian.com/archives/jquery-data-binding-templates-and-mobile-john-re..
Javascript - Selection text of web page
Javascript - Selection text of web page
2011.03.05아주 간단 명료하게... 웹 페이지에서 텍스트 영역을 마우스로 긁은 상태에서 브라우저 주소표시줄에 javascript:document.selection.createRange().text 위 스크립트를 테스트해보면 알 수 있다... (너무 심플..)
Persisting Collapsible TOC State
Persisting Collapsible TOC State
2011.03.02ref. http://msdn.microsoft.com/en-us/library/ms533017(VS.85).aspx Behavior를 이용해 상태를 기억하고 history.back이 작동하였을 때 기억해둔 정보를 다시 로드하는 방식을 제공합니다. 아무래도 IE에서만 될 것 같은데... History 를 기억하도록 스타일에 behavior를 지정한 후 사용하면 되고 Code sample page를 제공하니 한번 눈으로 보면 좀 더 쉽게 이해될 것 같네요. code sample : http://samples.msdn.microsoft.com/workshop/samples/author/persistence/saveHistory_ht1.htm
JSINQ - LINQ With JavaScript
JSINQ - LINQ With JavaScript
2010.04.10출처 : http://hoons.kr/Board.aspx?Name=info&Mode=2&BoardIdx=33168 훈스닷넷에서 재미있는 글을 발견해서 아래처럼 스크랩 해왔습니다 ^ ^ Javascript에서 LINQ 문법을 사용할 수 있다는 점이 정말 재밌네요~ 아래 글을 참고해주세요 ~~ Ajaxian에서 어제 흥미로운 기사를 봐서 블로깅후에 훈스닷넷 개시판에도 남깁니다. JSINQ란 녀석이구요. 자바스크립트의 객체나 데이터를 Enumerable 한객체로 변경한뒤에 LINQ문법을 사용할수 있는데요. 제어폭도 생각보다 넓고 놀라운건 .NET 프레임웍 3.5의 연산자를 모두 지원하구요.(ajaxian에는 3.0이라고 나와있는데 codeplex문서는 3.5군요) generic의 확장함수또한 비슷한형식으로 지..
Javascript - Element Opacity Control for Cross Browser
Javascript - Element Opacity Control for Cross Browser
2010.02.18자바스크립트로 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); }
Ext JS 3.0
Ext JS 3.0
2009.09.23http://www.extjs.com/blog/2009/08/10/ext-js-30-be-outstanding/ UI 관련 JavaScript 라이브러리로 유명한 ExtJS 3.0이 얼마전에 나왔죠. 크게 바뀐 점은 많이 사용해보지 않은 저는 잘 모르겠군요. 대신 아래 발췌해온 내용 처럼 Designer Preview 라는 내용이 흥미롭군요. Adobe Air 프로그램으로 ExtJS 를 이용한 디자인을 하고 미리보면서 작업할 수 있어요. UI를 보면서 작업한다는게 참 멋지고 좋을듯..? Designer Preview Constructing your interfaces in code will be a thing of the past. We are releasing a Designer Preview that..
For Beginner XML DOM & Javascript Guide
For Beginner XML DOM & Javascript Guide
2009.09.16http://www.beginningjavascript.com/book.php 얼마전에 댓글로 문의하신 분이 있는데.. 정말 잘 정리된 내용이 있었군요. 아쉽지만 영문이라 문제지만, 그래도 참 좋은 내용의 사이트인 것은 확실합니다.
Javascript : Microsoft OS & Internet Explorer Agent Check
Javascript : Microsoft OS & Internet Explorer Agent Check
2009.07.20Web Page에서 브라우저와 OS에 따라 다른 조치를 해야 하는 경우가 있습니다. 그래서 브라우저에서 받아올 수 있는 User Agent 값을 분석해서 이에 이용하게 되죠. 다음과 같이 값을 체크하는 부분을 공통으로 작성하여 가져다가 쓰면 좋을 것 같네요. 테스트 페이지(Test page): BrowserTest.html 결과(Result ): osver = 5.2 major = 4 nav = false nav2 = false nav3 = false nav4 = false nav6 = false nav6up = false nav7up = false ie = true aol = false iever = 7 verIEFull = 7 ie3 = false ie4 = true ie4up = true ie5up..