Marines UX DevStudio

페이스북 스파르탄 프로젝트의 비밀병기 Bolt.JS

By marines On 2011/11/25 · Leave a Comment · In News

[출처 : kth 웹어플리케이션팀, 2011년11월10일]

웹 서비스와 어플리케이션 개발을 위해 대부분의 경우 jQuery를 사용한다. 가볍고 훌륭한 이 프레임웍은 전 세계 개발자의 열기에 힘입어 거의 웹개발을 위한 표준 프레임웍이 되었다. jQuery 외에도 jQueryMobile과 Sencha Touch, jQTouch 등 몇가지 프레임웍이 더 있고 계속해서 새로운 종류가 등장하고 있다. 그만큼 프론트엔드 개발분야가 다양하다는 것을 시사하지만 프레임워크마다 좋은 점을 내세우고 [...]

Continue Reading →

페이지안의 특정컨텐츠가 브라우저화면에 노출될 경우, 재생되는 영상플레이어

By marines On 2010/03/09 · Leave a Comment · In HTML5,CSS,Javascript

HTML상에 정의되어야할 Javascript함수입니다.

이는 “jquery-1.3.2.min.js”파일을 import하여 사용하는 것을 전제로 합니다.

HTML상에서 Object Embed태그

플래시 내부의 클래스정의

private function init():void{ if (ExternalInterface.available) { if(checkJavaScriptReady()){ ExternalInterface.addCallback(“externalFuncScript”, externalFuncFlash); }else{ var readyTimer:Timer = new Timer(10, 0); readyTimer.addEventListener(TimerEvent.TIMER, timerHandler); readyTimer.start(); } } } private function timerHandler(event:TimerEvent):void { //var isReady:Boolean = checkJavaScriptReady(); if (checkJavaScriptReady()) { Timer(event.currentTarget).stop(); ExternalInterface.addCallback(“externalFuncScript”, externalFuncFlash); } } private [...]

Continue Reading →

JQuery Sample Reference

By marines On 2009/06/16 · Leave a Comment · In HTML5,CSS,Javascript

http://visualjquery.com/

JQuery에 대한 간단한 예제들이 나와있는 사이트입니다.

Continue Reading →

jQuery 소개

By marines On 2009/05/20 · Leave a Comment · In HTML5,CSS,Javascript

jQuery is a new kind of JavaScript Library.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

링크 : http://docs.jquery.com/Downloading_jQuery

Continue Reading →

IE Tester (IE브라우저 버젼별 테스트)

By marines On 2009/04/29 · Leave a Comment · In HTML5,CSS,Javascript

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.
New in v0.3.2 : IE8 final version !

This is an alpha release, so feel [...]

Continue Reading →

현재 브라우저의 URL을 FLEX로 받아오는 방법

By marines On 2009/04/20 · Leave a Comment · In HTML5,CSS,Javascript

ExternalInterface를 사용하여 eval을 호출하는 방법으로 URL을 받아올 수 있다.
ExternalInterface.call(“eval”, “window.location.href”);

private var currentURL:String = ExternalInterface.call(“eval”, “window.location.href”);
private var encodedCurrentURI:String = escape(currentURL); // &를 포함할 경우 escape처리

Continue Reading →

FLEX에 Embed된 Flash SWF파일과의 통신

By marines On 2009/04/10 · Leave a Comment · In HTML5,CSS,Javascript

FLEX에서 SWFLoader를 이용하여 플래시SWF파일을 Embed시킬 경우에
간단하게 변수를 전달하는 것이 안되더군요. (SWFLoader.params = 어쩌고 이런 방식이 안됨;;)

이를 위해서는 이전부터 존재했던 LocalConnection을 사용하여야 통신이 가능합니다.

Javascript, AJAX를 사용하여도 되지만, 독립적인 실행이 가능하게 하려는 취지에는 맞지않지요.

private var lc:LocalConnection;

private function init():void {
lc = new LocalConnection();
lc.addEventListener(StatusEvent.STATUS, onStatus);
}

public function clickHandler():void [...]

Continue Reading →

FLEX FileUpload with ASP .NET

By marines On 2009/03/31 · Leave a Comment · In HTML5,CSS,Javascript

[FLEX PART]

<mx:Script>
<![CDATA[
var imageTypes:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg; *.jpeg; *.gif; *.png");
var textTypes:FileFilter = new FileFilter("Text Files (*.txt, *.rtf)", "*.txt; *.rtf");
var allTypes:Array = new Array(imageTypes, textTypes);
var fileRef:FileReference = new FileReference();

private function doFileSelect():void{
try {
fileRef.addEventListener(Event.SELECT, selectHandler);
fileRef.addEventListener(Event.COMPLETE, completeHandler); [...]

Continue Reading →

Embed SWF의 cross-browsing 문제해결

By marines On 2009/03/24 · Leave a Comment · In HTML5,CSS,Javascript

Internet Explorer에서는 문제가 없으나, Firefox, Safari, Chrome에서는 마우스 휠이 작동하지않는
문제점이 있습니다. 이를 해결하기 위한 한가지 방법을 공유합니다.

일단 <swfobject>라는 js파일을 이용하여 HTML등에 Embed하는 방식입니다.

Source 다운로드 : http://swfobject.googlecode.com/files/swfobject_2_1.zip

===============================================================================================

1. HTML코드에 js파일을 로드합니다.

<script type=“text/javascript” src=“swfobject.js”></script>

2. 아래와 같이 swfobject.registerObject 를 사용하여 Embed합니다

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)

<script type=“text/javascript”>

var flashvars= {
name1: “hello”,
name2: “world”,
name3: “foobar”
};
var [...]