JQuery
-
5 19854 slick (슬릭) slide 적용, 화살표 및 점 꾸기기
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <script type="text/javascript" src="//code.jque…
-
0 3930 dataTable 한글 설정
<!Doctype html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>학생정보</title> <link rel=&quo…
-
1 3231 [jQuery]jQuery를 이용한 접속 국가 ip 체크
1 . [jQuery]jQuery를 이용한 접속 국가 ip 체크 간혹, 글로벌 기업의 웹사이트를 관리하다보면국가별로 언어 설정을 해서 해당 국가의 언…
-
0 3117 이미지 돋보기처럼 확대
이미지 확대 magnify.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title…
-
0 3078 자바스크립트 파일 이미지 체크, 용량 체크 Ckeditor 체크
<div class="form-group"> <label>썸네일 이미지</label> <input type="file" name="files" id="files" class="form-control" > …
-
0 2666 최준호 개발 - 이미지 클릭시 확대 - 반응형에 맞게 축소 변경
css <style type="text/css"> #mask { position:absolute; z-index:9000; background-color:#fff; display:none; left:0; top:0; width:100%; …
-
2 2380 javascript jquery toastr.js 플러그인으로 토스트 메시지 구현
안드로이드에서는 팝업 버튼보다는 나왔다가 일정 시간이 지나면 사라지는 마치 토스터기에서 빵이 튀어나오듯 한 "토스터"를 사…
-
0 2211 ★api무료 - ip 주소로 국가 코드 가져오기, 접속 위치에 따른 경도 위도값 가져오기, 경도 위도 좌표값으로 상세 주소 가져오기
구글 맵은 유료이지만,다음은 무료로 사용 가능한 간단한 API 이다 [JQuery]JQuery를 이용한 접속 국가 Ip 체크 참조 : https://de…
-
0 1948 jquery - select option 선택값 가져오기
[jquery] select box 선택값 가져오기 // select box ID로 접근하여 선택된 값 읽기$("#셀렉트박스ID option:selected").val();// select box Name…
-
1 1740 jquery 로 윈도창 크기 변화 감지 및 모바일 환경 감지 후 이미지 사이즈를 조정해서 슬라드 쇼로 만듬
유저가 글을 작성하거나 예를 들어블러그에 포스팅을 했으면 이미지 같은 경우 아래와 같이 pc 와 모바일에 맞게 미디어 쿼리로 조정을 할 수 …
-
12 팝업 레이어
/*20180110 비밀번호 팝업레이어 스타일 적용 추가 */ .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-…
-
9 slick (슬릭) slide 적용, 화살표 및 점 꾸기기
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <script type="text/javascript" src="//code.jque…
-
8 원페이지 스크롤 이동
html<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <div class="header"> <ul> <li class="on" class=&qu…
-
7 SNS 연동 설정
http://js-socials.com/start-using/ http://js-socials.com/demos/ 데모 소스를 보고 안될 경우 아래 소스를 보고 설정 해라. <!DOCTYPE html> <htm…
-
7 자바스크립트 파일 이미지 체크, 용량 체크 Ckeditor 체크
<div class="form-group"> <label>썸네일 이미지</label> <input type="file" name="files" id="files" class="form-control" > …
-
7 ★api무료 - ip 주소로 국가 코드 가져오기, 접속 위치에 따른 경도 위도값 가져오기, 경도 위도 좌표값으로 상세 주소 가져오기
구글 맵은 유료이지만,다음은 무료로 사용 가능한 간단한 API 이다 [JQuery]JQuery를 이용한 접속 국가 Ip 체크 참조 : https://de…
-
6 탑으로 (top) , 맨 위로 가기 버튼 만들기, 상단으로, 탑으로,
1.방법 html<div style="margin-bottom:2000px;"> 빈 공백 </div> <a id="topBtn" href="#">TOP</a> css@font-…
-
6 javascript jquery toastr.js 플러그인으로 토스트 메시지 구현
안드로이드에서는 팝업 버튼보다는 나왔다가 일정 시간이 지나면 사라지는 마치 토스터기에서 빵이 튀어나오듯 한 "토스터"를 사…
-
6 dataTable 한글 설정
<!Doctype html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>학생정보</title> <link rel=&quo…
-
5 daterangepicker 한글 설정 및 데이터 포멧 설정
CSS <!-- Date Picker --> <link rel="stylesheet" href="https://cdn.rawgit.com/braverokmc79/Admin_Temp_LTE/master/bower_components/bootstrap-datepicker/dist/css/bootstr…
-
jqGrid를 다운로드하여 연동 및 그리드 목록에 데이터 출력
jqGrid의 경우 jQueryUI의 테마를 사용하기 때문에 jQueryUI를 다운 및 연동을 우선적으로 연동한 후에jqGrid 다운을 받도록 합니다. 2014/11/…
-
datepiker 사용
<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery UI 달…
-
팝업 레이어
/*20180110 비밀번호 팝업레이어 스타일 적용 추가 */ .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-…
-
jquery 검색 처리 방법 url encoding
검색 처리 방법 url encoding 핵심 코드 var str=encodeURIComponent(sKeyword).replace(/[!'()]/g, escape).replace(/\*/g, "%2A");jQuery 전체 코드 $(doc…
-
jquery 로 윈도창 크기 변화 감지 및 모바일 환경 감지 후 이미지 사이즈를 조정해서 슬라드 쇼로 만듬
유저가 글을 작성하거나 예를 들어블러그에 포스팅을 했으면 이미지 같은 경우 아래와 같이 pc 와 모바일에 맞게 미디어 쿼리로 조정을 할 수 …
-
웹 프런티어와 함께하는 jQuery 기초강좌
웹 프런티어와 함께하는 jQuery 기초강좌 1st - 웹 개발자를 위한 jQuery 기본이해 jQuery 먹는 건가요 ? 웹 사이트와 사용자간의 원활한 소통을…
-
jQuery bPopup (팝업 플러그인)
http://annotations.tistory.com/55 UI짜면서 가끔씩 고민되는 것이 있습니다. 1. 페이지를 이동할까? 2. 새창을 띄울까? 3. 얼럿을 띄울까? 4. 레…
-
탁구치는 개발자
http://lng1982.tistory.com/163 다음의 코드는 서버로 HTTP request를 날린 후 response로 JSON데이터를 받아 alert를 찍어주는 부분이다. $.ajax({ t…
-
Ajax - jQuery.parseJSON()
http://snoopy81.tistory.com/264 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> …
-
jQuery.parseJSON(), JSON 문자열을 JavaScript object로 변
findfun.tistory.com 제이쿼리는 www.websamo.com 에서 보시면 편합니다. jQuery.parseJSON() 원문 링크 http://api.jquery.com/jQuery.parse…
