[JQUERY] 스크롤 위치 얻어오기 오늘은 JQUERY를 이용해서 스크롤의 위치를 얻어오는 소스를 알아보도록 하겠습니다. 아래는 JQUERY를 사용해서 스크롤의 위치를 얻어오는 코드입니다. $(document).scrollTop() 위 소스를 이용해서 응용을 해 보겠습니다. 아래의 소스는 스크롤을 내렸을 때 스크롤의 위치가 768을 벗어난 경우 경고메시지를 화면에 보여주는 소스입니다. 위의 소스를 실행하면 아래와 같은 화면이 나옵니다. 아래와 같이 처음에는 아무것도 안 나옵니다. 스크롤을 서서히 내리면 아래와 같이 경고창이 보입니다. 제가 작성한 소스파일을 첨부합니다^^
자바스크립트를 이용한 요일 구하기 소스 자바스크립트를 이용한 오늘이 무슨 요일인지 구하는 소스를 보도록 하겠습니다. 자바스크립트를 이용해서 요일을 구하기 위해서는 먼저 getDay() 함수를 이용해야 합니다. getDay() 함수로 오늘의 요일(Day of the Week)에 해당하는 숫자를 얻을 수 있습니다. 숫자는 0으로 시작하며 0은 일요일을 의미합니다. 월요일은 1, 화요일은 2, 수요일은 3 이렇게 표현됩니다. 아래의 소스와 같이 먼저 요일 이름이 들어있는 배열을 만들고 요일 이름이 들어 있는 배열에, 이 숫자를 첨자(인덱스)로 넣으면 현재 "요일명"이 나옵니다. 위 소스코드를 실행하면 아래와 같이 오늘이 무슨 요일인지 확인할 수 있습니다.
웹페이지를 프로그래밍 하다보면 년,월,일 등의 날짜를 입력해야 할 필요가 있는데요. 그런 때 달력이 필요하죠? 그런데 달력을 직접 만들자니 그렇고... 또 인터넷에 있는 소스를 또 그대로 가져다 쓰자니 또 그렇고 여러가지 고민이 되었습니다. 그런데 JQuery에서 제공하는 Datepicker라는 녀석을 이용하니 금방 되더라구요. 디자인은 투박하지만 달력으로의 기능은 문제없으니 간단하게 사용해주면 될 것 같네요. Datepicker라고 해서 소스가 길 것 같다구요? 소스도 간단합니다. Date: 위의 소스를 그대로 복사 & 붙여넣기 하시면 JQuery를 이용한 간단한 달력이 완성됩니다. 소스 응용하기 위의 소스를 조금만 응용해 볼까요?위에 보이는 실행 결과와 조금은 다른 화면임을 알 수 있는데요. 년도와 ..
자바스크립트를 이용한 토글 예제 토글이라는 말 아시나요? 한번 누르면 들어가고 한번 누르면 나오고 하는게 토글이라고 보시면 쉽겠네요. 오늘은 자바스크립트를 이용해서 특정 ID를 가진 객체가 사라졌다가 나왔다가 하는 토글 기능을 만들어 볼건데요 먼저 토글 기능의 소스코드를 작성하기 전에 실행화면을 보도록 하겠습니다. 보셨나요? menu 버튼을 누르면 내용이라는 글자가 보였다가 menu 버튼을 한번 더 누르면 내용이라는 글자가 사라지는 것을 보셨을 것입니다. 그러면 이제부터 그 소스를 작성해 보도록 하겠습니다. 소스코드 위와 같은 함수를 사용해서 만들어 보도록 하겠습니다. 전체 예제 소스코드입니다. menu 내용 소스코드 화면의 우측 상단의 첫번째 버튼을 누르면 원본 소스를 보실 수 있습니다. 여러분도 한번..
프로그래밍을 하다보면 모바일 기기별로 나눠서 프로그래밍을 해야할 때가 있습니다. 대표적인 예를 들자면 안드로이드와 아이폰, 그리고 윈도우 폰이 되겠네요. 그러면 각 기기별로 user-agent 값이 어떻게 나오는지 알아보도록 하겠습니다. 각 기기별 user-agent값은 다음과 같습니다.(출처 : http://artyst.egloos.com/2779071) * 아이폰 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_6 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8E200 Safari/6533.18.5 * 아이패드 Mozilla/5.0 (iPad; U; CPU OS 4_3 ..
알툴바 막는 스크립트 소스 블로그를 운영하다보니 블로그의 내용을 무단으로 퍼가는 분들이 있어 어떻게 하면 블로그의 내용을 복사해 가는 것을 막을 수 있을까? 하는 생각을 하게 되었습니다. 아마 티스토리 블로그를 운영하시는 분들이 스킨을 무엇으로 할까하는 고민 다음으로 많이 하는 고민 중 하나일 것이라는 생각이 들었습니다. 그런데 가장 문제가 되는 것이 인터넷익스플로러의 경우 알툴바가 존재한다는 것이었습니다. 그래서 알툴바가 설치되어 있어도 드래그와 마우스 오른쪽 버튼을 막는 방법이 없을까 연구를 해봤는데요. 인터넷에 검색을 해보니 드래그와 마우스 우클릭을 막는 방법은 많이 나와 있었지만 알툴바를 막는 방법은 거의 없더라구요. 어떤 분이 블로그에 올려놓으신 것을 보고 저도 따라했는데 한동안은 되는 듯 했습..
JQuery 예제- 네이버 검색창 밑에 있는 검색목록 만들기 오늘은 JQuery를 이용해서 네이버 검색창 밑에 있는 검색목록을 만들어 보도록 하겠습니다. 바로 아래 그림에 있는 빨간 부분이 오늘 만들어 볼 예제입니다. 아래와 같이 소스를 입력합니다 운영체제(OS) 프로그래밍 웹사이트 제작, 운영 컴퓨터네트워크 데이터베이스 출처 : 네이버 지식인 태양신 sjisbmoc님의 답변 (구체적인 페이지 주소는 잘 모르겠네요)
Javascript 이야기 마우스 금지 소스 테스트 페이지입니다.
- Total
- Today
- Yesterday
- W3Schools Online Web Tutorials
- 구차니의 잡동사니 모음
- [IT]블로거팁닷컴
- 비앤아이님의 블로그
- Blog Suspect
- 즐거운하루 blog
- zinicap의 검색엔진 마케팅(SEM)
- 머니야머니야님의 블로그
- [Friend] AtinStory
- [기타배우기]해브원 박스
- [웹표준] SINDB.com
- 해커 C 이야기
- [애드센스] 길라잡이
- 정순봉의 IT SCHOOL
- 씨디맨의 컴퓨터이야기
- 2proo Life Story
- 못된준코의 세상리뷰
- [IT강좌] 정보문화사
- IN 대전
- 에우르트는 나쁜남자 -_-
- 씬의 싱크탱크
- 엔돌슨의 IT이야기
- 진이늘이
- 'Cooltime'의 블로그
- 후이의 Tistory
- Soulstorage
- 앤드&엔드의 블로그
- June Blog
- 노지의 소박한 이야기
- gbWorld
- 인터넷 속 나의 생각
- HarshNix
- ART of WEB
- 녹두장군 - 상상을 현실로
- 소스코드
- C언어
- 프로그래밍 문제
- It
- 인터넷 익스플로러
- C언어 문제
- 강의
- HTML
- 예제 소스
- MBTI
- 안드로이드 어플 추천
- 스마트폰
- 리뷰
- php
- 성공
- MBTI 자료
- MBTI 검사
- 모토로이
- 소스
- 인터넷
- 효과음
- 안드로이드
- MBTI 강좌
- 프로그래밍
- JavaScript
- 안드로이드 어플
- C언어 소스
- C
- 강좌
- MBTI 테스트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |