JQuery

  • Touch and Swipe
    JQuery

    12 팝업 레이어

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

  • Touch and Swipe
    JQuery

    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…

  • Touch and Swipe
    JQuery

    8 원페이지 스크롤 이동

     html<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <div class="header"> <ul> <li class="on" class=&qu…

  • Touch and Swipe
    JQuery

    7 SNS 연동 설정

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

  • Touch and Swipe
    JQuery

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

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

  • Touch and Swipe
    JQuery

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

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

  • Touch and Swipe
    JQuery

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

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

  • Touch and Swipe
    JQuery

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

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

  • Touch and Swipe
    JQuery

    6 dataTable 한글 설정

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

  • Touch and Swipe
    JQuery

    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…

  • Touch and Swipe
    JQuery

    Jquery 클릭이벤트로 동시에 행 삭제

    .   <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOC…

  • Touch and Swipe
    JQuery

    [동영상강의] javascript11_xml과 json, $.getJSON() 함수를 이용한 json 파싱 방법

      json.html   <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</titl…

  • Touch and Swipe
    JQuery

    [동영상강의] javascript12_css 미디어 쿼리, jquery mobile

    responsive.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- 메타태그 : 웹페이지에 대한 부…

  • Touch and Swipe
    JQuery

    jquery 파일 업로드 용량 체크 샘플

    $("#fileSubmit").click(function(event){ event.preventDefault(); var form=$("form[role='form1']"); var maxSize = 7340032; //7MB if($('#fileName').val().…

  • Touch and Swipe
    JQuery

    JQuery 공백과 정수 체크

    if(!$.isNumeric( price )){ alert("가격 입력이 잘 못 되었습니다."); $("#price").focus(); return false; } if($.trim(categoryRno) =='' ){ alert("3차 카테고…

  • Touch and Swipe
    JQuery

    jQuery 숫자만 입력하기. ( datetime 만 입력하기 )

    /* ** 폼 ** ** <input type="text" numberonly="true" /> // 숫자만 입력 가능한 텍스트박스 ** <input type="text" datetimeonly="true" /> // 숫자, 콜론(:), 하이픈(-…

  • Touch and Swipe
    JQuery

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

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

  • Touch and Swipe
    JQuery

    최준호 개발 - 이미지 클릭시 확대 - 반응형에 맞게 축소 변경

      css <style type="text/css"> #mask { position:absolute; z-index:9000; background-color:#fff; display:none; left:0; top:0; width:100%; …

  • Touch and Swipe
    JQuery

    jquery 로 파라미터 값 가져오기

    <script type="text/javascript"> $(document).ready(function(){ $("#admin").click(function(){ location.href="./php/list.php"; }); var get = getRequest(); var i…