직접 사용은 안해봤지만 추후에 사용할 것 같아서 대충 알아본 내용들을 토대로 올려봅니다.
하이브리드 앱 개발툴 : 웹 소스를 통해서 어떠한 플랫폼에 상관없이 연동되는 UI를 가지며 각 플랫폼 별로 지원이 필요한 기능(GPS,카메라, 등)은 각 플랫폼 내부의 API를 이용하여 개발을 도와주는 툴.
심비안, 블랙베리, 윈도우, 리눅스, 안드로이드, 아이폰, 바다 등등의 각종 플랫폼에서 구동되는 프로그램을 개발할려면 각 플랫폼별 언어 이해와 여러가지 UI 시도 등을 해야되는데 하이브리드 앱 개발툴을 이용하면 그것이 필요없다고 합니다. (위에서 말한 내용과 같은 내용이지만 조금 더 강조를 하기 위해서 추가하였습니다.)
앱셀레이터 티타늄 : http://www.appcelerator.com/
앱셀레이터 티타늄 스튜디오(개발툴) : http://titanium-studio.s3.amazonaws.com/latest/Titanium%20Studio.exe
사용하려는 웹 기술이 브라우저에서 지원을 하는지 체크하고 싶으신가요?
Modernizr를 사용해보세요. 코드부터 보시겠습니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Canvas</title>
<script src="modernizr/modernizr-2.0.6.js"></script>
<script>
window.addEventListener("load", eventWindowLoaded, false);
function eventWindowLoaded() {
alert(Modernizr.canvas);
}
</script>
</head>
<body>
</body>
</html>
modernizr 라이브러리 포함 후 Modernizr.canvas를 호출하면 canvas 지원여부가 true로
표현됩니다.
공식사이트의 문서 중 http://www.modernizr.com/docs/#s2 이 문서를 읽으시면
다른 기능들의 지원여부를 확인할 때 어떤 것을 체크하면 되는지 찾으실 수 있습니다.
다른 예)
Modernizr.fontface
Modernizr.cssanimations
Modernizr.audio
Modernizr.indexeddb
Modernizr.websockets
Modernizr.svg
appView = (WebView) findViewById(R.id.appView);
appView.setVerticalScrollBarEnabled(false); appView.setHorizontalScrollBarEnabled(false);
제품 : DEXTUpload Pro 분류 : 컴포넌트 일반
[설명]
2.4x 버전과 Professional
3.0에서 DefaultPath프로퍼티 설정시 차이점이 있습니다.
[DEXTUpload 2.4x]
DefaultPath로 지정된
곳은 EveryOne 읽기, 쓰기, 수정 권한이 있어야 합니다. 그러나, 객체 생성후 DefaultPath를 지정 해주지 않으시면 C:\ 를
참조 하게 됩니다. C:\에 EveryOne 권한을 주시거나 또는 DefaultPath를 지정 해주시고 그곳에 권한을 주시면 됩니다.
[DEXTUpload Professional 3.0]
DefaultPath를 지정하지 않으면, 에러를 발생시키고 파일을 업로드
시키지 않습니다.
따라서, 명시적으로 DefaultPath를 지정해야 합니다.
DEXTUpload Professional에서는
DefaultPath를 지정한 폴더가 존재하지 않을시 AutoMakeFolder를 True로 지정함으로써, 자동 폴더 생성을 지원 합니다.
본 문서의 정보는 다음의 제품에 적용됩니다.
DEXTUpload Professional 3.0
DEXTUpload 2.4x
DEXTUpload 2.0x
고객센터 질문과답변 페이지를 보여 줄때 답변 내용이 길게 나올 경우 페이지가 쭉 늘어나 정작 필요한 답변을 찾기가 쉽지가
않습니다.
이럴때 답변은 숨겨 놓고 질문 제목을 클릭하면 답변이 보이며 좀전 열었던 답변은 숨기는 기능을 자바스크립트와 style
display을 이용해서 적용해 보겠습니다.
1. 자바스크립트 소스
2. 테이블 소스
3. 소스 설명 :
제목을 클릭시 자바스크립트 QnaShow() 함수를 호출합니다.
이때 함께
전달한 qna 값으로 어떤 질문을 클릭했는지 구분합니다.
먼저 모든 질문을 숨기기 처리합니다.
1번 질문을 본뒤에 2번 질문을 클릭시
1번 질문을 숨기고 2번 질문의 답변을 보여주기 위한 처리인데 일괄적으로 모든 질문의 답변을 숨긴뒤에 원하는 답변만 보여주는 처리
입니다.
열려있는 질문만 숨기기 코딩하면 좋겠지만 오히려 소스가 복잡해줄수 있으므로 질문추가시 자바스크립트 항목중
document.all.qna3.style.display = "none"; 이부분도 함께 추가해 줍니다.
숨기기 처리가 끝나면 var
obj = eval("document.all." + qna); 에서 obj로 클릭한 질문의 답변 <tr> id값을
조합합니다.
그리고, obj.style.display = "block"; 에서 지정한 <tr> style의 display 값을
block 으로 적용해서 보이도록 합니다.
이와같은 적용으로 페이지를 다시 접속하지 않고도 보이기 또는 숨기기 적용이 됩니다.
우분투가 데비안 커널을 사용하는것인지 서버설정이며 기본명령어가 대부분 데비안과 비슷하다. ㅡ.,ㅡ;
이제껏 사용했던
빨간모자-레뎃(redhat)의 네트웍 설정은 아무런 도움이 되지 못했다.
초기 설치시 DHCP를 사용하게 되어있던 항목을 고정아이피로 바꿔주기 위해서 구글신을 빌었다.
설정은 아래와 같이 하면된다.
우선 서버콘솔박스 앞에서 작업한다면 (리모트로 작업한다면 ifdown하는 동시에 터미널접속이 끊어지므로 주의)
ifdown eth0
로 네트웍카드를 잠시 멈춘후 아래 내용을 etc/network/interfaces에 설정한다.
auto lo
iface lo inet
loopbackauto eth0
iface eth0 inet static
address 192.168.10.136
netmask 255.255.255.0
network 192.168.10.0
broadcast 192.168.10.255
gateway 192.168.10.1
dns-nameservers 168.126.63.1 168.126.63.2
ifup eth0
sudo /etc/init.d/networking restart
소프트웨어산업진흥법 시행령 제16조(SW기술자의 등급별 노임단가)의 규정에 의한 소프트웨어사업의 대가기준에 적용할 소프트웨어기술자 일 노임단가를 통계법 제23조에 의거 다음과 같이 공표합니다.
【2011년 공표임금: 일 급여 기준】
(단위: 명,원)
구 분 | 2011년 | 노임단가 | 전년대비 | ||
2009년도 | 2010년도 | 2011년도 | |||
기술사 | 313 | 356,999 | 358,777 | 369,995 | 11,218 |
특급기술자 | 9,736 | 314,773 | 333,226 | 340,973 | 7,747 |
고급기술자 | 8,266 | 228,833 | 239,085 | 251,772 | 12,687 |
중급기술자 | 10,305 | 190,248 | 188,139 | 208,943 | 20,804 |
초급기술자 | 14,932 | 141,761 | 146,620 | 162,862 | 16,242 |
고급기능사 | 420 | 126,106 | 140,918 | 138,613 | -2,305 |
중급기능사 | 640 | 109,777 | 110,637 | 107,288 | -3,349 |
초급기능사 | 530 | 86,961 | 90,599 | 93,127 | 2,528 |
자료입력원 | 758 | 67,032 | 69,680 | 76,887 | 7,207 |
* 본 2011년 노임단가는 인원가중평균치임.
* 상기결과는 일급여기준이며, 기본급여+제수당+상여금 등을 모두 포함한 결과임.
* 자료입력원 노임단가의 기본급여는 2010년 58,795원, 2011년 65,685원으로 조사됨.
* 2011년의 월평균 근무일수는 21.5일로 조사됨.
* SW기술자 공인노임단가는 2010년 대비 평균 5.5% 증가함.
<시행일> 2011년 9월 1일부터
2011년 8월 31일
한국소프트웨어산업협회장
avi_fix_w7.zip
manual.pdf
2011년도_SW기술자_노임단가_20110831.hwpalert(Object.toJSON(obj)); // {id: outsider, sex: male}
<form name=pubform method=post action=''>
<select name=selectName onChange="selectSecond(this.selectedIndex-1);">
<option value=''>1차 고르시오</option>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
<select name=secondOption>
<option value=''>2차</option>
</select>
</form>
<script language="javascript">
function selectSecond(n) {
fs = document.pubform.secondOption;
if(n==-1) {
fs.selectedIndex = 0;
return;
} else {
for(j=0;j<arrSecondText[n].length;j++) {
fs.options[j]=new Option(arrSecondText[n][j],arrSecondValue[n][j]);
}
fs.length=arrSecondText[n].length;
}
}
arrSecondText = new Array(2);
arrSecondValue = new Array(2);
arrSecondText[0] = new Array(6);
arrSecondValue[0] = new Array(6);
arrSecondText[0][0] = "선택";
arrSecondValue[0][0] = "";
arrSecondText[0][1] = "옵션11";
arrSecondValue[0][1] = "11";
arrSecondText[0][2] = "옵션12";
arrSecondValue[0][2] = "12";
arrSecondText[0][3] = "옵션13";
arrSecondValue[0][3] = "13";
arrSecondText[0][4] = "옵션14";
arrSecondValue[0][4] = "14";
arrSecondText[0][5] = "옵션15";
arrSecondValue[0][5] = "15";
arrSecondText[1] = new Array(6);
arrSecondValue[1] = new Array(6);
arrSecondText[1][0] = "선택";
arrSecondValue[1][0] = "";
arrSecondText[1][1] = "옵션21";
arrSecondValue[1][1] = "21";
arrSecondText[1][2] = "옵션22";
arrSecondValue[1][2] = "22";
arrSecondText[1][3] = "옵션23";
arrSecondValue[1][3] = "13";
arrSecondText[1][4] = "옵션24";
arrSecondValue[1][4] = "24";
arrSecondText[1][5] = "옵션25";
arrSecondValue[1][5] = "25";
</script>
두번째.
아래 방법도 유용하다. 서버 스크립트로 요청된 셀렉트 값을 즉시 만들어 주는 방법이다.
위 방법보다는 느리지만 자주 바뀌는 데이타라면 아래 방법이 유용하다.
<form name=pubform method=post action=''>
<select name=selectName onChange="selectSecond();">
<option value=''>1차 고르시오</option>
<option value='1'>1</option>
</select>
<select name=secondOption>
<option value=''>2차</option>
</select>
</form>
<script id="selectOption"></script>
<script language="javascript">
function selectSecond() {
selectOption.src = "optionSelect.php";
}
</script>
Act.innerHTML = "<scripttype='text/javascript'>document.write('yesyo.com')</script>";Act.innerHTML = "<scr" + "ipt type='text/javascript'>document.write('yesyo.com')</scr" + "ipt>";
1. 정규 표현식이란.
문자열의 특정한 패턴을 표시하거나 검사하기 위한 규칙을 의미하며 어떤 문자열의 집합을 표시하는 텍스트 string이나 일반적인
텍스트 형시의 문서 등에서 문자열을 찾아내거나 검사하고 치환하는데 사용된다. 이러한 정규 표현식은 정규 표현식을 표시하는
특수문자와 정규 표현식을 검사하기 위한 함수가 있다.
2. 패턴을 표현하는 특수 문자
특수 문자 | 내용 | 해당문자열 |
. | 임의의 한 글자를 의미한다. | a.b (abc, acb, afb...) |
* | * 바로 앞의 문자가 없거나 한개 이상이 있을 경우 | a*b (b, ab, aab, aaab...) |
+ | + 바로 앞의 문자가 최소 한 개 이상일 때 | a+b (ab, aab, aaab...) |
? | ? 바로 앞의 문자가 없거나 한 개 존재하는 경우 | a?b (b, ab, cb, zb...) |
^ | ^ 뒤에 문자열과 같은 문자열로 시작한는 경우 [] 안에서 ^ 는 [] 안의 문자를 제외한 문자를 의미한다. | ^ab (ab, abc, abdr...) |
$ | $ 앞의 문자열과 같은 문자열로 끝나는 경우 | ab$ (ab, sab, aaab...) |
[] | [] 안의 문자열 중에 하나만의 문자만을 의미한다. | [a-z], [0-9], [a-zA-Z] |
{} | {} 앞의 문자열의 개수를 의미한다. | a{1-3}b (ab, aab, aaab) |
() | () 안의 문자는 그룹으로 인식한다. | a(bc){2} (abcbc) |
| | or 연산자이다. | a(b|c)d (abd, acd) |
[[:alpha:]] | 모든 알파벳의 문자 한 자를 의미한다. | [a-zA-Z]와 동일 |
[[:digit:]] | 모든 숫자 한 자를 의미한다. | [0-9]와 동일 |
[[:alnum:]] | 알파벳과 숫자중 한 자를 의미한다. | [a-zA-Z0-9]와 동일 |
[[:space:]] | 공백 문자를 의미한다. |
|
[[:punct:]] | 구두점을 의미 |
|
\ | . * + ? ^ $ [] {} () | \ 문자를 표시할때 | (\*, \\, \[1\], \|...) |
3. 정규 표현식의 특수문자 사용법
1) ^a?bc : a로 시작해서 bc로 끝나는 문자(abc로 시작하는 문자)와 bc로 시작하는 모든 문자 (예 abcd, bcd)
2) ^.a : a앞에 아무 한 문자가 있어야 하고 그 문자로 시작하고 a가 들어간 문자 (예 aa, bacd, match, para)
3) a?b$ : b로 끝나는 문자열 중에 a가 없거나 한 개 이상 존재하는 문자열 (예 b, ab, aab)
4) a?b+$ : 첫 글자는 a가 있거나 없고 b가 한 개 이상이고 b로 끝나는 문자 (예 ab, b, bb, abbb, abbbb)
5) ^ab$ : 첫 글자가 a이고 끝나는 문자가 b인 경우 (예 ab)
6) [ab]cd : a나 b중에 한 글자와 cd가 포함된 acd, bcd를 포함한 문자 (예 acd, bcd, acdse)
7) ^[a-zA-Z] : 영문자로 시작하는 모든 문자 (예 a, b, c, d, ee)
8) [^ab]cd : cd 문자열 앞에 a나 b를 제외한 문자가 있는 문자열 즉, acd와 bcd를 제외한 문자열을 의미한다. (예 scd, dcd, ffcd)
9) a{2,}b : a의 개수가 최소 2개 이상이고 다음 문자가 b인 문자 (예 aab, aaabcd, aaaab)
-------------------------------------------------------------------------------------------------------------------------------------------------
정규표현식 기초
. : 다수의 한문자
? : 0개 이상의 한문자
* : 0개 이상의 문자 또는 문자열
+ : 1개 이상의 문자 또는 문자열
(chars) : (, ) 안의 문자또는 문자열을 그룹으로 묶습니다. 이 문자그룹은 Substitution(return URL)에서 $N 의 변수로 활용할수 있습니니다.
^ : 문자열의 첫문(열)을 지정합니다.
$ : 문자열의 끝 문자(열)을 지정합니다.
\(역슬래쉬) : 정규표현식에서 특별한 의미로 사용되는 문자의 특수기능을 제거합니다.(예:(, ), [, ] . 등)
{n} : 정확히 n번 반복
{n,} : n번 이상 반복
{n,m} : n 이상 m 이하 반복
[chars] : 문자들의 범위 또는 표현할 수 있는 문자들을 설정합니다.
예) [a-z] : a 부터 z 까지의 소문자, [tT] : 소문자 t 또는 대문자 T
정규표현식 단축표현들
[:alpha:] : 알파벳. [a-zA-Z] 와 같은 표현
[:alnum:] : 알파벳과 숫자. [a-zA-Z0-9] 와 같은 표현
[:digit:] : 숫자 [0-9] 와 같은 표현
[:upper:] : 대문자. [A-Z] 와 같은 표현
-------------------------------------------------------------------------------------------------------------------------------------------------
PHP는 POSIX와 Perl이라는 두 가지 스타일의 정규 표현식을 지원한다. POSIX스타일의 정규 표현식이 PHP에서 기본이지만,
Perl 스타일도 PCRE(Perl-Compitable Regular Expression)라이브러리를 사용하여 표현할수 있다.
아래의 설명은 POSIX 스타일을 기준으로 한다.
. : 문자는 줄바꿈 문자(\n)을 제외한 모든 문자를 대신할수 있다 (하나의 문자)
ex) .at : 이런 정규식은 cat, sat, mat등이 해당된다.
[a-z]at : []의 문자들은 문자 클래스라고 하고, 일치시키는 문자는 이 클래스에 속해야 한다. []안의 것들은
모두 각각 하나의 문자이다.
ex) [aeiou] : 영어의 모음에 해당되는 단어로 []안의 하나의 문자가 된다.
또한 범위를 사용해서도 표현할수 있는데 -를 사용한다.
ex) [a-zA-Z] : 대소문자 알파벳 한 문자를 의미한다.
집합의 구성원이 아니라는 표현으로 ^를 사용한다. 이는 []안에 ^가 있을경우 not이라는 의미를 가진다.
ex) [^a-z] : 소문자 알파벳 이외의 한 문자를 의미한다.
[[:alnum:]] 알파벳 문자, 숫자
[[:alpha:]] 알파벳
[[:lower:]] 소문자
[[:upper:]] 대문자
[[:digit:]] 십진법의 숫자
[[:xdigit:]] 16진법의 숫자
[[:punct:]] 구두점
[[:blank:]] 탭, 스페이스
[[:space:]] 공백 문자들
[[:cntrl:]] 컨트롤 문자들
[[:print:]] 모든 출력 가능한 문자들
[[:graph:]] 스페이스를 제외한 모든 출력 가능한 문자들
* : 패턴이 0번 이상 반복될 수 있음을 나타내고l
+ : 한번이상 반복될 수 있음을 나타낸다.
ex) [[:alnum:]]+ : 알파벳이나 숫자 한문자가 한번이상 반복. 즉, 적어도 하나이상의 알파벳이나 숫자를 의미한다.
한 문자열 뒤에 어떤 문자열이 반복해서 나타남을 정규 표현식으로 나타낸 것은 아래와 같다.
ex) (very )*large : 이는 large, very large, very very large등과 일치한다.
{}를 통해서 반복되는 횟수를 제한할 수 있다.
{3}는 세번 반복, {2, 4}은 두번에서 네번 사이로 반복, {2, }는 적어도 2번 이상 반복의 의미이다.
ex) (very ){1, 3} : very , very very , very very very 와 일치한다.
^ : 정규 표현식의 시작부분에 사용되며, 검색하는 문자열의 맨 앞부분에 이 표현이 있어야 함을 의미한다.
$ : 정규 표현식의 뒷부분에 사용되고 이 표현으로 문자열이 끝나야 됨을 의미한다.미
^[a-z]$ : a부터 z사이의 한문자를 의미한다.
| : 선택을 표현하는 경우 사용된다.
ex) com|edu|net : com이거나 edu이거나 net인경우를 의미한다.
\ : '.', '{', '$', '-', 등의 특수문자를 정규 표현식을 위한 특수문자가 아닌 문자로 사용하고 싶을때 '\'를 붙여서 사용한다.
'\'를 표현할때는 '\\'라고 써준다.
ex) \\\$ : 이 경우 \$를 찾고자 할경우를 의미하게 된다.
POSIX 정규 표현식에서의 특수문자의 의미
1) []밖에서 사용되었을때
- / : 특수문자 이스케이프
- ^ : 문자열의 처음에서 일치되어야 함
- $ : 문자열의 끝에서 일치되어야 함
- . : 줄바꿈(\n)을 제외한 모든 문자와 한개를 의미
- | : 또는의 의미
- ( : 패턴의 시작
- ) : 패턴의 끝
- * : 0번 이상 반복됨
- + : 1번 이상 반복됨
- { : 반복 횟수 지정의 시작
- } : 반복 횟수 지정의 끝
- ? : 하위 표현식을 옵션으로 취급
2) []안에서 사용되었을때
- / : 특수문자 이스케이프
- ^ : 맨 처음 시작되었을 때만 not의 의미, 이외에는 문자로 인식
- - : 문자의 범위 지정
ex) ^[a-zA-Z0-9_\-\.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$
대소영문자, 숫자, _, -, .중 한개의 문자인데 문자열의 처음에 나타나야 되고 +가 있어서 한번이상 반복된다.
그 이후 @ 문자 한문자가 있어야 되고 대소영문자, 숫자, -중 한개의 문자인데 +가 있어서 한번이상 반복된다.
그 이후 . 문자 한문자가 있어야 되고 대소영문자, 숫자, -, .중 한개의 문자인데 +가 있어서 한번이상 반복되며 끝난다.
<HTML>
<HEAD>
<TITLE> 화면상의 객체 위치,크기 </TITLE>
<SCRIPT LANGUAGE="JavaScript" >
<!--
function getBounds(tag)
{
var ret = new Object();
if(document.all) {
var rect = tag.getBoundingClientRect();
ret.left = rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft);
ret.top = rect.top + (document.documentElement.scrollTop || document.body.scrollTop);
ret.width = rect.right - rect.left;
ret.height = rect.bottom - rect.top;
} else {
var box = document.getBoxObjectFor(tag);
ret.left = box.x;
ret.top = box.y;
ret.width = box.width;
ret.height = box.height;
}
return ret;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR>
<span id="youranytag" style="border:1px solid ;width:500px;">aa</span>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
// InternetVersion
function getInternetVersion(ver) {
var rv = -1; // Return value assumes failure.
var ua = navigator.userAgent;
var re = null;
if(ver == "MSIE"){
re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
}else{
re = new RegExp(ver+"/([0-9]{1,}[\.0-9]{0,})");
}
if (re.exec(ua) != null){
rv = parseFloat(RegExp.$1);
}
return rv;
}
//브라우저 종류 및 버전확인
function browserCheck(){
var ver = 0; // 브라우저 버전정보
if(navigator.appName.charAt(0) == "N"){
if(navigator.userAgent.indexOf("Chrome") != -1){
ver = getInternetVersion("Chrome");
alert("Chrome"+ver+"입니다.");
}else if(navigator.userAgent.indexOf("Firefox") != -1){
ver = getInternetVersion("Firefox");
alert("Firefox"+ver+"입니다.");
}else if(navigator.userAgent.indexOf("Safari") != -1){
ver = getInternetVersion("Safari");
alert("Safari"+ver+"입니다.");
}
}else if(navigator.appName.charAt(0) == "M"){
ver = getInternetVersion("MSIE");
alert("MSIE"+ver+"입니다.");
}
}
</script>
</head>
<body>
<input type="button" value="브라우저판별" onclick="browserCheck();">
</body>
</html>
========================================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script>
var Station = {
check : function (type, checkStr, checkPoint)
{
var name = "ETC";
for ( var list in checkPoint )
{
if (checkStr.indexOf(list) != -1)
{
name = checkPoint[list];
}
}
escape("this." + type + " = function () { return name }") ;
return name;
},
os : function ()
{
var checkStr = navigator.platform.toLowerCase();
var checkPoint =
{
"win" : "WINDOW", "mac" : "MAC", "unix" : "UNIX", "linux" : "LINUX"
}
return this.check("os", checkStr, checkPoint );
},
browser : function ()
{
var checkStr = navigator.userAgent.toLowerCase();
var checkPoint =
{
"msie 6" : "IE6" , "msie 7" : "IE7", "firefox" : "FF", "navigator" : "NETSCAPE", "opera" : "OPERA"
}
return this.check("browser", checkStr, checkPoint);
}
}
document.write("OS : " + Station.os() + "<br/>");
document.write("Browser : " + Station.browser() + "<br/>");
</script>
</body>
</html>
function scrollEnd(){
var scrollheight = document.compatMode == "CSS1Compat" ? document.documentElement.scrollHeight :
document.body.scrollHeight;
var clientHeight = document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight :
document.body.clientHeight;
var ScrollTop = document.compatMode == "CSS1Compat" ? document.documentElement.scrollTop :
document.body.scrollTop;
var scrollPos = scrollheight - ScrollTop;
if (clientHeight == scrollPos) { // 스크롤 바가 맨 밑에 위치한다면
alert ("끝까지 확인함!!");
}
<BODY onscroll=scrollEnd();>
<script type="text/javascript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords){
if (navigator.userAgent.match(mobileKeyWords[word]) != null){
location.href = "http://m.naver.com";
break;
}
}
</script>
구글번역에서 소리를 제공하는 url를 이용하여 간단한 TTS 구현 예제
<HTML>
<HEAD>
<TITLE> 구글음성서비스 </TITLE>
<META name="Generator" content="EditPlus">
<META name="Author" content="">
<META name="Keywords" content="">
<META name="Description" content="">
<SCRIPT type="text/javascript">
<!--
function doVoice(){
var str = document.getElementById("txt").value;
var urlPar="http://translate.google.co.kr/translate_tts?ie=UTF-8&q="+encodeURI(str)+"&tl=ko&prev=input";
document.getElementById("bgs").src =urlPar;
document.getElementById("view").innerText=encodeURI(str);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
한글을 입력해주세요<br>
<INPUT type="text" name="txt" id="txt">
<INPUT type="button" value="음성듣기" onclick="javascript
<div id="view"></div>
<bgsound id="bgs">
</BODY>
</HTML>