Mimul's Developer World - RIA category

Javascript 학습 자료

Thu, 04 Sep 2008 15:48:00 GMT

1. 비디오
The JavaScript Programming Language, part 2, 3, 4

JavaScript - The Good Stuff
An Inconvenient API - The Theory of the DOM, part 2, 3
Advanced JavaScript, part 2, 3
Software Quality
Advancing JavaScript with Libraries, part 2
Best Practices in JavaScript Library Design
High-Performance JavaScript - Why everything You’ve Been Taught is Wrong
Maintainable JavaScript

2. 슬라이드
Building a JavaScript Library
Metaprogramming JavaScript Presentation
CSS + JavaScript tips
How To Bluff Your Way in DOM Scripting
The Behaviour Layer - Using JavaScript for Good, not Evil
JavaScript 2 and the Future of the Web
JavaScript Boot Camp Tutorial

3. 주요 관련 사이트
Douglas Crockford
John Resig

fckeditor 사용 방법

Thu, 14 Aug 2008 14:17:00 GMT

1. 다운 로드 및 설치

- 여기(http://www.fckeditor.net/download) 최신 버전을 다운 받음
- WebRoot/fckeditor 디렉토리 카피
- WEB-INF/lib에 fckeditor-java-core-2.4-beta-1.jar 추가해 줌

2. 편집 메뉴 수정을 원할 경우

- fckeditor/fckconfig.js 파일 편집
. 기존에는 FCKConfig.ToolbarSets["Default"], FCKConfig.ToolbarSets["Basic"] 두개의 툴바가 있었으나 Basic은 너무 기능이 적고, Default는 너무 기능이 많고, 로딩 속도 또한 느려서 사용자 정의 ToolbarSets을 추가해 줄 수가 있음

FCKConfig.ToolbarSets["Middle"] = [
    ['Cut','Copy','Paste','PasteText','PasteWord','-','SpellCheck'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Link','Unlink'],
    ['FitWindow','Source'],
    '/',
    ['Bold','Italic','Underline','StrikeThrough'],
    ['OrderedList','UnorderedList','-','Outdent','Indent'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Image','Flash','Table','Rule','SpecialChar','PageBreak']
 ] ;

3. 화면 적용

- 아래의 코드를 웹 소스에 적용함

#springBind("contents")
<textarea rows="10" cols="60" id="contents" name="contents">$!{status.value}</textarea>
 $!{status.value}</textarea> //해당 컨텐츠 내용을 불러옴
<script type="text/javascript">					
  var oFCKeditor = new FCKeditor('contents');
  oFCKeditor.BasePath = "http://mimul.com/fckeditor/";
  oFCKeditor.Width = 540;
  oFCKeditor.Height = 300;
  oFCKeditor.ToolbarSet = "Middle";//새로 정의한 ToolbaSet
  oFCKeditor.CheckBrowser = true;
  oFCKeditor.ReplaceTextarea();
</script>

4. 실행화면

Microsoft Surface at the Rio in Las Vegas

Fri, 04 Jul 2008 13:23:00 GMT

Touch 기술의 미래를 보는 것 같습니다. MS Surface의 미래 기술들을 보여주고 있습니다.
한번 들어보세여.

잠시만 기다려주세요. ^^

DHTML기반의 캘린더

Sun, 06 Apr 2008 14:46:00 GMT

1. 특징

다양한 언어 지원 : cal.js파일에 lang이 있는 라인에 년,요일,요약된 요일을 써주면 가능
브라우저 : Firefox2, Ie7-6, Opera9

2. 사용 방법

- javascript, css파일 추가
: <script type="text/javascript" src="cal.js"></script>
: <link rel="stylesheet" type="text/css" href="cal.css" />
- input 적용 예
: <input onclick="calendar.doo.display(this)" type="text"
                      id="cal_date" name="cal_date" value="">
: <input onclick="calendar.doo.display(this,'yyyy-MM-dd')"
                         type="text" id="cal_date" name="cal_date" value="">
: <input id="cal_date" type="text" value="Pick a date">
    <img src="/calendar_edit.png" onclick="calendar.doo.display(
document.getElementById('cal_date') )" />

3. 출력 화면

참고 사이트 : http://kodfabrik.com/app/dynCal/