제목 : 엄마를 부탁해
저자 : 신경숙
출판사 : 창비(창작과비평)
탱이에게 선물 받은 책.
출퇴근 시간에 짬짬이 본 책이라서 기억에 많이 남지는 않는다. 분명 재밌는 책이고 좋은 책인것 만큼은 확실하다. 나중에 다시 한번 자세히 읽어 봐야겠다.
이런 책이 좋다.
모두의 엄마는 다 이렇다.
제목 : 도가니
지은이 : 공지영
출판사 : 창비
탱이의 선물로 받은 책
먼가 읽고 난 후에 찜찜함이 가시지 않는다.
재미있지만 결국엔 정의가 이기지 못하는 구나 라고 한탄하고 말았다.
일반인도 마찬가지만 장애인들이 이 책을 읽고 나면 분명히 분노 하겠다.
책장이 어떻게 넘어갔는지 모를 만큼 정말 빠르게 책장이 넘어갔다.
[HTML/JavaScript] Select list move options
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript" type="text/javascript">
<!--
/**
* option 추가
**/
function addOption(theSel, theText, theValue){
var newOpt = new Option(theText, theValue);
var selLength = theSel.length;
theSel.options[selLength] = newOpt;
}
/**
* option 삭제
**/
function deleteOption(theSel, theIndex){
var selLength = theSel.length;
if(selLength>0){
theSel.options[theIndex] = null;
}
}
/**
* option 삭제
**/
function moveOptions(theSelFrom, theSelTo){
var selLength = theSelFrom.length;
var selectedText = new Array();
var selectedValues = new Array();
var selectedCount = 0;
var i;
// Find the selected Options in reverse order
// and delete them from the 'from' Select.
for(i=selLength-1; i>=0; i--){
if(theSelFrom.options[i].selected){
selectedText[selectedCount] = theSelFrom.options[i].text;
selectedValues[selectedCount] = theSelFrom.options[i].value;
deleteOption(theSelFrom, i);
selectedCount++;
}
}
// Add the selected text/values in reverse order.
// This will add the Options to the 'to' Select
// in the same order as they were in the 'from' Select.
for(i=selectedCount-1; i>=0; i--){
addOption(theSelTo, selectedText[i], selectedValues[i]);
}
if(NS4) history.go(0);
}
</script>
<form action="yourpage.asp" method="post">
<table border="0">
<tr>
<td>
<select name="sel1" size="10" multiple="multiple">
<option value="1">Left1</option>
<option value="2">Left2</option>
<option value="3">Left3</option>
<option value="4">Left4</option>
<option value="5">Left5</option>
</select>
</td>
<td align="center" valign="middle">
<input type="button" value="-->"
onclick="moveOptions(this.form.sel1, this.form.sel2);" /><br />
<input type="button" value="<--"
onclick="moveOptions(this.form.sel2, this.form.sel1);" />
</td>
<td>
<select name="sel2" size="10" multiple="multiple">
<option value="1">Right1</option>
<option value="2">Right2</option>
<option value="3">Right3</option>
<option value="4">Right4</option>
<option value="5">Right5</option>
</select>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
출처 : http://www.mredkj.com/tutorials/tutorial_mixed2b.html
'DEVELOPMENT > Javascript' 카테고리의 다른 글
[javascript] 바탕화면에 사이트 바로가기 만들기 (0) | 2009.09.15 |
---|---|
[prototype.js] Element 생성하기 (0) | 2009.09.09 |
[HTML/JavaScript ]select box option 추가 삭제 예제 (0) | 2009.08.11 |
HTML 특수문자코드표 (0) | 2009.07.22 |
[Event] observe 에서의 onload와 dom:loaded 의 차이 (0) | 2009.05.21 |
[HTML/JavaScript ]select box option 추가 삭제 예제
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript" type="text/javascript">
<!--
var count1 = 0;
var count2 = 0;
* 선택된 option의 이전에 새로운 option 을 추가한다.
**/
function insertOptionBefore(num){
var elSel = document.getElementById('selectX');
if(elSel.selectedIndex >= 0) {
var elOptNew = document.createElement('option');
elOptNew.text = 'Insert' + num;
elOptNew.value = 'insert' + num;
var elOptOld = elSel.options[elSel.selectedIndex];
try {
elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
}catch(ex){
elSel.add(elOptNew, elSel.selectedIndex); // IE only
}
}
}
* 선택된 옵션을 삭제한다.
**/
function removeOptionSelected(){
var elSel = document.getElementById('selectX');
var i;
for (i = elSel.length - 1; i>=0; i--) {
if (elSel.options[i].selected) {
elSel.remove(i);
}
}
}
* 마지막에 새로운 option을 추가한다.
**/
var elOptNew = document.createElement('option');
elOptNew.text = 'Append' + num;
elOptNew.value = 'append' + num;
var elSel = document.getElementById('selectX');
try {
elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
}catch(ex) {
elSel.add(elOptNew); // IE only
}
}
/**
* 마지막 옵션을 삭제한다.
**/
function removeOptionLast(){
var elSel = document.getElementById('selectX');
if (elSel.length > 0){
elSel.remove(elSel.length - 1);
}
}
//-->
</script>
</HEAD>
<form>
<input type="button" value="이전 추가" onclick="insertOptionBefore(count1++);" />Insert Before Selected<br />
<input type="button" value="삭제" onclick="removeOptionSelected();" />Remove Selected<br />
<select id="selectX" size="10">
<option value="original1" selected="selected">Orig1</option>
<option value="original2">Orig2</option>
</select>
<br />
<input type="button" value="마지막 추가" onclick="appendOptionLast(count2++);" />Append Last<br />
<input type="button" value="마지막 삭제" onclick="removeOptionLast();" />Remove Last
</form>
</BODY>
</HTML>
'DEVELOPMENT > Javascript' 카테고리의 다른 글
[prototype.js] Element 생성하기 (0) | 2009.09.09 |
---|---|
[HTML/JavaScript] Select list move options (0) | 2009.08.11 |
HTML 특수문자코드표 (0) | 2009.07.22 |
[Event] observe 에서의 onload와 dom:loaded 의 차이 (0) | 2009.05.21 |
[IE8] 웹 표준 개발자의 IE8 웹사이트 호환성 대응 (0) | 2009.04.13 |
HTML 특수문자코드표
표현문자 |
숫자표현 |
문자표현 |
설명 |
- |
�- |
- |
사용하지 않음 |
space |
	 |
- |
수평탭 |
space |
|
- |
줄 삽입 |
- |
- |
- |
사용하지 않음 |
space |
  |
- |
여백 |
! |
! |
- |
느낌표 |
" |
" |
" |
따옴표 |
# |
# |
- |
숫자기호 |
$ |
$ |
- |
달러 |
% |
% |
- |
백분율 기호 |
& |
& |
& |
Ampersand |
' |
' |
- |
작은 따옴표 |
( |
( |
- |
왼쪽 괄호 |
) |
) |
- |
오른쪽 괄호 |
* |
* |
- |
아스트릭 |
+ |
+ |
- |
더하기 기호 |
, |
, |
- |
쉼표 |
- |
- |
- |
Hyphen |
. |
. |
- |
마침표 |
/ |
/ |
- |
Solidus (slash) |
0 - 9 |
0-9 |
- |
0부터 9까지 |
: |
: |
- |
콜론 |
; |
; |
- |
세미콜론 |
< |
< |
< |
보다 작은 |
= |
= |
- |
등호 |
> |
> |
> |
보다 큰 |
? |
? |
- |
물음표 |
@ |
@ |
- |
Commercial at |
A - Z |
A-Z |
- |
A부터 Z까지 |
[ |
[ |
- |
왼쪽 대괄호 |
\ |
\ |
- |
역슬래쉬 |
] |
] |
- |
오른쪽 대괄호 |
^ |
^ |
- |
탈자부호 |
_ |
_ |
- |
수평선 |
` |
` |
- |
Acute accent |
a - z |
a-z |
- |
a부터 z까지 |
{ |
{ |
- |
왼쪽 중괄호 |
| |
| |
- |
수직선 |
} |
} |
- |
오른쪽 중괄호 |
~ |
~ |
- |
꼬리표 |
- |
-Ÿ |
- |
사용하지 않음 |
  |
|
Non-breaking space | |
¡ |
¡ |
¡ |
거꾸로된 느낌표 |
¢ |
¢ |
¢ |
센트 기호 |
£ |
£ |
£ |
파운드 |
¤ |
¤ |
¤ |
현재 환율 |
¥ |
¥ |
¥ |
엔 |
| |
¦ |
¦ |
끊어진 수직선 |
§ |
§ |
§ |
섹션 기호 |
¨ |
¨ |
¨ |
움라우트 |
ⓒ |
© |
© |
저작권 |
ª |
ª |
ª |
Feminine ordinal |
≪ |
« |
« |
왼쪽 꺾인 괄호 |
¬ |
¬ |
¬ |
부정 |
|
­ |
­ |
Soft hyphen |
? |
® |
® |
등록상표 |
&hibar; |
¯ |
¯ |
Macron accent |
° |
° |
° |
Degree sign |
± |
± |
± |
Plus or minus |
² |
² |
² |
Superscript two |
³ |
³ |
³ |
Superscript three |
´ |
´ |
´ |
Acute accent |
μ |
µ |
µ |
Micro sign (Mu) |
¶ |
¶ |
¶ |
문단기호 |
· |
· |
· |
Middle dot |
¸ |
¸ |
¸ |
Cedilla |
¹ |
¹ |
¹ |
Superscript one |
º |
º |
º |
Masculine ordinal |
≫ |
» |
» |
오른쪽 꺾인 괄호 |
¼ |
¼ |
¼ |
4분의 1 |
½ |
½ |
½ |
2분의 1 |
¾ |
¾ |
¾ |
4분의 3 |
¿ |
¿ |
¿ |
거꾸로된 물음표 |
A |
À |
À |
Capital A, grave accent |
A |
Á |
Á |
Capital A, acute accent |
A |
 |
 |
Capital A, circumflex accent |
A |
à |
à |
Capital A, tilde |
A |
Ä |
Ä |
Capital A, dieresis or umlaut mark |
A |
Å |
Å |
Capital A, ring (Angstrom) |
Æ |
Æ |
Æ |
Capital AE diphthong (ligature) |
C |
Ç |
Ç |
Capital C, cedilla |
E |
È |
È |
Capital E, grave accent |
E |
É |
É |
Capital E, acute accent |
E |
Ê |
Ê |
Capital E, circumflex accent |
E |
Ë |
Ë |
Capital E, dieresis or umlaut mark |
I |
Ì |
Ì |
Capital I, grave accent |
I |
Í |
Í |
Capital I, acute accent |
I |
Î |
Î |
Capital I, circumflex accent |
I |
Ï |
Ï |
Capital I, dieresis or umlaut mark |
Ð |
Ð |
Ð |
Capital Eth, Icelandic |
N |
Ñ |
Ñ |
Capital N, tilde |
O |
Ò |
Ò |
Capital O, grave accent |
O |
Ó |
Ó |
Capital O, acute accent |
O |
Ô |
Ô |
Capital O, circumflex accent |
O |
Õ |
Õ |
Capital O, tilde |
O |
Ö |
Ö |
Capital O, dieresis or umlaut mark |
× |
× |
× |
Multiply sign |
Ø |
Ø |
Ø |
width="130"Capital O, slash |
U |
Ù |
Ù |
Capital U, grave accent |
U |
Ú |
Ú |
Capital U, acute accent |
U |
Û |
Û |
Capital U, circumflex accent |
U |
Ü |
Ü |
Capital U, dieresis or umlaut mark |
Y |
Ý |
Ý |
Capital Y, acute accent |
Þ |
Þ |
Þ |
Capital Thorn, Icelandic |
ß |
ß |
ß |
Small sharp s, German (sz ligature) |
a |
à |
à |
Small a, grave accent |
a |
á |
á |
Small a, acute accent |
a |
â |
â |
Small a, circumflex accent |
a |
ã |
ã |
Small a, tilde |
a |
ä |
ä |
Small a, dieresis or umlaut mark |
a |
å |
å |
Small a, ring |
æ |
æ |
æ |
Small ae diphthong (ligature) |
c |
ç |
ç |
Small c, cedilla |
e |
è |
è |
Small e, grave accent |
e |
é |
é |
Small e, acute accent |
e |
ê |
ê |
Small e, circumflex accent |
e |
ë |
ë |
Small e, dieresis or umlaut mark |
i |
ì |
ì |
Small i, grave accent |
i |
í |
í |
Small i, acute accent |
i |
î |
î |
Small i, circumflex accent |
i |
ï |
ï |
Small i, dieresis or umlaut mark |
ð |
ð |
ð |
Small eth, Icelandic |
n |
ñ |
ñ |
Small n, tilde |
o |
ò |
ò |
Small o, grave accent |
o |
ó |
ó |
Small o, acute accent |
o |
ô |
ô |
Small o, circumflex accent |
o |
õ |
õ |
Small o, tilde |
o |
ö |
ö |
Small o, dieresis or umlaut mark |
÷ |
÷ |
÷ |
Division sign |
ø |
ø |
ø |
Small o, slash |
u |
ù |
ù |
Small u, grave accent |
u |
ú |
ú |
Small u, acute accent |
u |
û |
û |
Small u, circumflex accent |
u |
ü |
ü |
Small u, dieresis or umlaut mark |
y |
ý |
ý |
Small y, acute accent |
þ |
þ |
þ |
Small thorn, Icelandic |
y |
ÿ |
ÿ |
Small y, dieresis or umlaut mark |
'DEVELOPMENT > Javascript' 카테고리의 다른 글
[HTML/JavaScript] Select list move options (0) | 2009.08.11 |
---|---|
[HTML/JavaScript ]select box option 추가 삭제 예제 (0) | 2009.08.11 |
[Event] observe 에서의 onload와 dom:loaded 의 차이 (0) | 2009.05.21 |
[IE8] 웹 표준 개발자의 IE8 웹사이트 호환성 대응 (0) | 2009.04.13 |
[javascript] select box (0) | 2009.02.16 |
Multi Table Insert
WHEN 조건1 THEN
INTO 테이블1
WHEN 조건2 THEN
INTO 테이블2
ELSE
INTO 테이블0
SELECT 구문;
예제
WHEN TO_CHAR (order_date, 'YYYY') = '1990'
THEN
INTO order_1990
WHEN TO_CHAR (order_date, 'YYYY') = '1991'
THEN
INTO order_1991
WHEN TO_CHAR (order_date, 'YYYY') = '1992'
THEN
INTO order_1992
SELECT order_id, order_date, customer_id, order_total, sales_rep_id
FROM orders;
'DEVELOPMENT > Database' 카테고리의 다른 글
mysql 최근 자료 가져오기 (0) | 2009.10.06 |
---|---|
[oracle] 자주 쓰는 숫자 함수 (0) | 2009.09.27 |
동일 칼럼을 가지나, 이름을 달리하는 테이블 만들기 (0) | 2009.07.14 |
ER-Win에서 DB Table 가져오기 (0) | 2009.05.13 |
MSSQL2000, 2005 테이블 명세서 추출 쿼리문 (0) | 2009.05.13 |
동일 칼럼을 가지나, 이름을 달리하는 테이블 만들기
order_id NUMBER(12),
order_date DATE,
customer_id NUMBER(6),
order_total NUMBER(8, 2),
sales_rep_id NUMBER(6)
);
CREATE TABLE order_1999 AS SELECT * FROM order_1990;
CREATE TABLE order_2000 AS SELECT * FROM order_1990;
CREATE TABLE order_2001 AS SELECT * FROM order_1990;
'DEVELOPMENT > Database' 카테고리의 다른 글
[oracle] 자주 쓰는 숫자 함수 (0) | 2009.09.27 |
---|---|
Multi Table Insert (0) | 2009.07.14 |
ER-Win에서 DB Table 가져오기 (0) | 2009.05.13 |
MSSQL2000, 2005 테이블 명세서 추출 쿼리문 (0) | 2009.05.13 |
oracle 시작과 종료 (0) | 2009.05.07 |
Eclipse 에서 javadoc 한글 문제 처리
VM option 란에 다음 줄을 삽입하면 된다.
[Event] observe 에서의 onload와 dom:loaded 의 차이
기본적으로 대부분의 스크립터는 "페이지가 모두 로드 되었다." 라는 전제는
이미지를 포함한 모든 리소스가 로드완료 (즉 하단 상태표시줄에 완료 라고 찍히는 타이밍)을 페이지가 로드 되었다 라고 인식한다.
하지만 실제로(물론 위의 설명이 가장 적합하지만) 스크립트가 실행되는데는 모든 리소스를 전제로 기능을 추가하지만 그렇지 않아야 하는 경우도 있다. 즉. dom만 있으면 되는 경우이다.
(대표적으로 CSS가 그렇다. 이미지도 하나의 엘리먼트로 인식하라. src에 있는 이미지가 다운로드 되는것과 img 엘리먼트가 dom로드되는것은 틀린이야기이다.)
prototype에서는 이에 대해서 서로 다른 이벤트로드를 지원하는데.
Event.observe(window,"load",handler)
Event.observe(document,"dom:loaded",handler)
이다.
1. 웹페이지의 모든 리소스까지 로드상태
Event.observe(window,"load",handler)
웹페이지의 모든 리소스를 로드한 상태를 말한다. 이미지 및 플래쉬까지 로드된 상태이다.간혹가다 플래쉬 경로가 맞지 않아서 로드되지 않고 지연되는 경우에는 위의 이벤트는 그 지연이 끝날때까지 기다리게 된다.
2. 웹페이지의 dom만 로드된상태.
Event.observe(document,"dom:loaded",handler)
웹페이지의 모든 dom만 로드된 상태이다. body안에 있는 엘리먼트가 구성되었을때의 동작이다.여기에서는 css나 이미지의 다운로드 같은 상태는 포함되지 않는다.
'DEVELOPMENT > Javascript' 카테고리의 다른 글
[HTML/JavaScript ]select box option 추가 삭제 예제 (0) | 2009.08.11 |
---|---|
HTML 특수문자코드표 (0) | 2009.07.22 |
[IE8] 웹 표준 개발자의 IE8 웹사이트 호환성 대응 (0) | 2009.04.13 |
[javascript] select box (0) | 2009.02.16 |
[HTML] 제어 문자 (0) | 2009.01.16 |