하늘과 나의 IT 이야기

[Javascript] 인터넷 익스플로러(Internet Explorer)에서 로그 사용하기 Javascript 또는 JQuery로 프로그래밍을 할 때 일반적으로 console.log(로그내용); 방식으로 로그를 남겨 에러를 잡는데요. 인터넷 익스플로러(Internet Explorer)에서는 console 객체 자체를 지원하지 않기 때문에 다른 웹브라우저(Firefox, Chrome, Safari, Opera 등)과는 다르게 작동을 하지 않습니다. 그래서 방법이 없느냐? 방법이 있습니다. 인터넷 익스플로러(Internet Explorer)에서 로그(log)를 사용하기 위해서는 아래와 같이 사용합니다. if( window.console == undefined ) { console = {log : funct..

오늘은 Javascript의 getElementById()를 사용한 예제를 한번 보도록 하겠습니다. 실행화면 이 예제는 링크1을 누르면 링크1을 숨기고 링크2를 보이게 하고 링크2를 누르면 링크1을 보이게 하고 링크2를 숨기는 예제입니다. 실행하면 아래와 같이 나옵니다. 링크2를 누르면 아래와 같이 나옵니다. 그러면 이제 소스를 한번 살펴볼까요? 소스 보기 이 예제는 링크1을 누르면 링크1을 숨기고 링크2를 보이게 하고 링크2를 누르면 링크1을 보이게 하고 링크2를 숨기는 예제입니다. 링크1 링크2

현재의 년월일을 이미지로 된 숫자로 표시하는 자바스크립트 소스 홈페이지에 현재의 년월일을 이미지로 된 숫자로 표기하고 싶을 때 사용하는 자바스크립트 소스입니다. 출처는 http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040202&docId=130342940&qb=7J6Q67CU7Iqk7YGs66a97Yq4IOyGjOyKpA==&enc=utf8&section=kin&rank=52&search_sort=0&spq=0입니다. 개인적으로도 쓸 일이 있어 한 번 테스트한 후 남겨 봅니다. 실행 화면 실제 실행한 화면은 아래와 같습니다. 실제로 실행하면 아래와 같이 오늘 날짜의 연월일이 표시됩니다. 위의 소스를 받아서 한번 실행해 보시기 바랍니다.

function window_close(){ if(confirm("즐겨찾기에 추가 하시겠습니까?")){ window.external.AddFavorite('http://www.tistory.com', '티스토리') }else{ return false; } }

Javascript 이야기 마우스 금지 소스 테스트 페이지입니다.

J a v a s c r i p t 이 야 기 [Javscript] innerHTML 예제 오늘은 innerHTML을 이용해서 간단한 예제를 만들어 보겠습니다. 그림은 아래와 같습니다. 버튼을 클릭하면 버튼 왼쪽에 있는 문자열이 바뀌는 것이지요. (그림1) 버튼을 누르기 전의 모습 (그림2) 버튼을 누른 후의 모습 그러면 소스를 보겠습니다. 바뀌기 전입니다. innerHTML은 태그 안의 값을 바꾸는 기능을 수행합니다. 즉 위의 소스에서 녹색 부분인 "바뀌기 전입니다." 부분이 변경되는 것이지요. 간단하죠? 심심하니까 앞서 실행한 예제에서 Anchor 태그의 주소의 타겟을 바꾸는 소스를 추가해 보도록 하겠습니다. 바뀌기 전입니다. 링크를 클릭하면 다른 주소로 가는 것이 보이시죠? 오늘은 이만 끝~~

J a v a s c r i p t 이 야 기 [자바스크립트] 즐겨찾기 추가 스크립스 소스 > 즐겨찾기 추가하기 자바스크립트를 이용해서 현재 보이는 페이지를 즐겨 찾기에 등록하려면 아래와 같은 방법을 사용해요 window.external.AddFavorite ( "사이트 주소", "제목" ) ; 즐겨찾기 예제 즐겨찾기 추가 예제 아래의 버튼을 누르면 즐겨찾기에 추가됩니다.

JavaScript 이야기 [Javascript] GetElementById 예제 JAVASCRIPT로 개발을 하다보면 GetElementById라는 함수를 많이 보거나 사용하게 되는데요. 오늘은 GetElementById() 함수를 어떻게 사용하는지 그 예제에 대해서 알아보도록 하겠습니다. GetElementById()는? - document 오브젝트에 내장된 함수로 현재 브라우저 내의 오브젝트를 ID기준으로 찾아내고 해당 오브젝트에 대한 참조를 반환하는 기능을 합니다. Ex1. 탭을 누른 효과 구현 다음은 특정 조건을 만족했을 때 다른 객체로 포커스를 이동하는 예제이다. 다음은 테스트 결과화면입니다. 소스 시작시에 실행되는 동작들을 정의할 수 있는 onLoad 부분에서 start()라는 함수를 호출하..

HTML/Javascript 이야기 Document 객체의 프로퍼티 Document 객체에 있는 프로퍼티는 다음과 같다. bgColor : 문서의 배경색, 사용을 권장하지 않음 cookie : HTTP 쿠키를 읽거나 쓸 수 있게 해주는 프로퍼티 domain : 같은 인터넷 도메인 안에 있는 서로 신용하는 웹 서버의 웹 페이지들끼리 서로 정보를 주고 받을 때 동일 출처 정책(Same Origin Policy)을 완화할 수 있게 해줌 lastModified : 문서가 수정된 날짜를 저장한 문자열 referrer : 웹 브라우저를 현재 페이지로 연결시켜준 링크가 있는 문서의 URL title : 현재 문서의 과 태그 사이에 있는 텍스트 URL : 문서가 위치한 주소가 어디인지 나타내는 문자열

J a v a s c r i p t Enter키를 누를 때마다 Textarea 크기 변경하는 스크립트 소스 자바스크립트 부분을 아래와 같이 설정해주세요. 태그 안에 아래와 같이 설정해 주세요. 전체 소스를 보도록 할게요. 위 소스를 그대로 실행하면 아래와 같이 나와요^^ 소스는 아래에서 받으세요^^

Navigator객체는 다음과 같이 두 가지 속성을 지니고 있다. 속성 특성 appName 브라우저의 이름 appVersion 브라우저의 버전 또는 그 외의 정보 다음은 브라우저에서 브라우저의 정보를 출력하는 예제이다. function detectBrowser() { var browser = navigator.appName ; var version = navigator.appVersion ; document.write("Browser name : " + browser ) ; document.write(" ") ; document.write("Browser version : " + version) ; } 다음은 실행 결과이다.

자바스크립트에서 에러가 났을 경우 난처한 경우가 많아서 에러를 출력할 수 있는 스크립트를 올려봅니다. ^^ 다음은 자바스크립트 에러를 상태창에 표시하는 소스 입니다. ======================================================================== [JS]자바스크립트 에러를 잡는 스크립트

원본 : http://www.okjsp.pe.kr/bbs?act=VIEW&seq=57888&bbs=bbs4&keyfield=content&keyword=setTimeout&pg=0 >>> 자바 스크립트에서 sleep 기능을 구현

innerHTML을 이용해서 간단한 예제를 만들어 보겠습니다. 그림은 아래와 같습니다. 버튼을 클릭하면 버튼 왼쪽에 있는 문자열이 바뀌는 것이지요. (그림1) 버튼을 누르기 전의 모습 (그림2) 버튼을 누른 후의 모습 그러면 소스를 보겠습니다. function changeText() { document.getElementById ( "id_test" ).innerHTML = "짜잔~ 바뀌었습니다." ; } 바뀌기 전입니다. innerHTML은 태그 안의 값을 바꾸는 기능을 수행합니다. 즉 위의 소스에서 녹색 부분인 "바뀌기 전입니다." 부분이 변경되는 것이지요. 간단하죠? 심심하니까 앞서 실행한 예제에서 Anchor 태그의 주소의 타겟을 바꾸는 소스를 추가해 보도록 하겠습니다. 바뀌기 전입니다. 링크를 ..