해시태그: JavaScript

날짜제목
날짜제목

자바스크립트로 XML 파싱하기

이 포스트에서는 자바스크립트로 XML 문서의 데이터를 읽어들이는 AJAX 기법을 사용하는 방법을 설명합니다. 우선, XML 문서가 다음과 같이 있다고 가정합니다. <?xml version=”1.0″ encoding=”UTF-8″?> <girlgroup> <name>여자친구</name> <members> <member>소원</member> <member>예린</member> <member>은하</member> <member>유주</member> <member>신비</member> <member>엄지</member> </members> <albums> <album order=”EP 1집”>Season of Glass</album> <album order=”EP 2집”>Flower Bud</album> <album order=”EP 3집”>Snowflake</album> <album order=”정규 1집”>LOL</album> </albums> </girlgroup> 이 XML 문서의 파일 이름이 … “자바스크립트로 XML 파싱하기” 더 읽기

자바스크립트로 Form 인자값 얻기 (GET)

HTML 문서의 폼(Form)을 보내는 방법은 GET 방식과 POST 방식이 있습니다. URL에 데이터를 실어 보내는 GET 방식은 데이터를 자바스크립트로 얻을 수 있습니다. 자바스크립트로 GET 인자값을 얻는 함수 선언은 다음과 같습니다. function receive_get_data(param) { var result = null, tmp = []; var items = window.location.search.substring(1).split(“&”); for (var i = 0; i < items.length; i++) { tmp = … “자바스크립트로 Form 인자값 얻기 (GET)” 더 읽기

접속한 기기가 모바일인지 아닌지 확인하는 자바스크립트

이 글은 필자의 티스토리 블로그에서 포크하였습니다. (원글 링크) 요즘 웹 사이트를 보면 모바일로 접속하였느냐 일반 PC로 접속하였느냐에 따라 페이지가 다르게 보여지는 경우들이 있는데요. 이 포스트에서는 모바일 접속 여부에 따라 다르게 보여지는 기능을 구현하기 위한 자바스크립트를 설명합니다. /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 일단 이 한 줄의 코드만으로도 모바일인지 아닌지 간단하게 검출 가능합니다. 만약 모바일에서 접속했다면 true 값을 돌려줄 것이고 … “접속한 기기가 모바일인지 아닌지 확인하는 자바스크립트” 더 읽기

HTML SVG 라듐시계 (바이너리)

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계(원본 포스트)의 바이너리 버전입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 또한, 연도와 월, 일, 요일을 위쪽에 표시하고 시, 분, 초를 아래쪽에 표시합니다. 링크는 다음과 같습니다: https://pjw48.net/webapp/radiumclock/binary.html

HTML5와 SVG로 구현한 라듐시계

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 링크는 다음과 같습니다: https://pjw48.net/webapp/radiumclock/ 무지개 버전은: https://pjw48.net/webapp/radiumclock/rainbow.html GitHub: https://github.com/JuwanPark/WebApps/tree/master/radiumclock