JQuery

  • Touch and Swipe
    JQuery

    8 팝업 레이어

     /*20180110 비밀번호 팝업레이어 스타일 적용 추가 */ .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-…

  • Touch and Swipe
    JQuery

    5 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…

  • Touch and Swipe
    JQuery

    3 SNS 연동 설정

      http://js-socials.com/start-using/ http://js-socials.com/demos/ 데모 소스를 보고 안될 경우 아래 소스를 보고  설정 해라. <!DOCTYPE html> <htm…

  • Touch and Swipe
    JQuery

    3 자바스크립트 파일 이미지 체크, 용량 체크 Ckeditor 체크

        <div class="form-group"> <label>썸네일 이미지</label> <input type="file" name="files" id="files" class="form-control" > …

  • Touch and Swipe
    JQuery

    3 ★api무료 - ip 주소로 국가 코드 가져오기, 접속 위치에 따른 경도 위도값 가져오기, 경도 위도 좌표값으로 상세 주소 가져오기

     구글 맵은 유료이지만,다음은 무료로 사용 가능한 간단한  API 이다 [JQuery]JQuery를 이용한 접속 국가 Ip 체크   참조  : https://de…

  • Touch and Swipe
    JQuery

    2 javascript jquery toastr.js 플러그인으로 토스트 메시지 구현

     안드로이드에서는 팝업 버튼보다는 나왔다가 일정 시간이 지나면 사라지는 마치 토스터기에서 빵이 튀어나오듯 한 "토스터"를 사…

  • Touch and Swipe
    JQuery

    2 dataTable 한글 설정

        <!Doctype html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>학생정보</title> <link rel=&quo…

  • Touch and Swipe
    JQuery

    2 무한 스크롤 개발

      Controller @Controller public class HospitalController {     @Autowired     private HospitalService hospitalService;     @RequestMap…

  • Touch and Swipe
    JQuery

    1 탑으로 (top) , 맨 위로 가기 버튼 만들기

      html<div style="margin-bottom:2000px;"> 빈 공백 </div> <a id="topBtn" href="#">TOP</a>  css @font-face { font-family…

  • Touch and Swipe
    JQuery

    1 daterangepicker 한글 설정 및 데이터 포멧 설정

     CSS <!-- Date Picker --> <link rel="stylesheet" href="https://cdn.rawgit.com/braverokmc79/Admin_Temp_LTE/master/bower_components/bootstrap-datepicker/dist/css/bootstr…

  • Touch and Swipe
    JQuery

    무한 스크롤 개발

     바닥 감지는 다음 코드로 간단하다.  //스크롤 바닥 감지 window.onscroll = function(e) { //window height + window scrollY 값이 document height보다 클 경우…

  • Touch and Swipe
    JQuery

    jquery effect 로 간단하게 흔들림 효과 주기

       이 코드를 사용하여 div를 흔들어$('.target').effect( 'shake', {times:4}, 1000 ); 수직으로 흔들고 흔들림의 높이도 설정할 수 있습니까?&…

  • Touch and Swipe
    JQuery

    탑으로 (top) , 맨 위로 가기 버튼 만들기

      html<div style="margin-bottom:2000px;"> 빈 공백 </div> <a id="topBtn" href="#">TOP</a>  css @font-face { font-family…

  • Touch and Swipe
    JQuery

    다음 주소 모바일 웹애 적용

     모바일 웹앱에서 팝업창으로 띄울경우 에러가 나온다.따라서, 다음과 같은 방법으로 적용. <!-- 다음 우편번호 찾기 리스트를 띄울 영역을 지…

  • Touch and Swipe
    JQuery

    ★api무료 - ip 주소로 국가 코드 가져오기, 접속 위치에 따른 경도 위도값 가져오기, 경도 위도 좌표값으로 상세 주소 가져오기

     구글 맵은 유료이지만,다음은 무료로 사용 가능한 간단한  API 이다 [JQuery]JQuery를 이용한 접속 국가 Ip 체크   참조  : https://de…

  • Touch and Swipe
    JQuery

    imgBB ajax 업로드

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>:: AJAX 파일전송 ::</…

  • Touch and Swipe
    JQuery

    무한 스크롤 개발

      Controller @Controller public class HospitalController {     @Autowired     private HospitalService hospitalService;     @RequestMap…

  • Touch and Swipe
    JQuery

    jquery - select option 선택값 가져오기

       [jquery] select  box 선택값 가져오기 // select box ID로 접근하여 선택된 값 읽기$("#셀렉트박스ID option:selected").val();// select box Name…

  • Touch and Swipe
    JQuery

    팝업레이어2

     HTML<a href="#" class="pop_klover" onclick="pop_klover(this, '#klover-layer')">팝업레이어2</a> <div class="klover-dim-layer&q…

  • Touch and Swipe
    JQuery

    ★ jquery 부트스트랩 및 css 로 안 될 경우 화면 사이즈에 따른 반응형 예

      <script> //현재 윈도우 창크기 구하기 var windowWidth = $( window ).width(); var filter = "win16|win32|win64|mac|macintel"; if ( navigator.platform ) { …