일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- tool
- Git
- ReactJS
- Oracle
- Spring
- MySQL
- ubuntu
- Design Patterns
- laravel
- php
- db
- linux
- java
- AWS
- Spring Boot
- springboot
- devops
- Web Server
- elasticsearch
- 요리
- javascript
- it
- jsp
- redis
- JVM
- jenkins
- IntelliJ
- 맛집
- Spring Batch
- Gradle
- Today
- Total
목록jquery (6)
아무거나
Image
Jquery Ajax 통신 중 로딩 바 만들기 1. Ajax 요청 시 마다 각각 처리하는 방법 - beforeSend 에서 로딩바를 생성하고 complete에서 로딩바를 해제한다 - 아래 경우 마우스 커서를 변경하는 방식을 사용했으나 상황에 따라 변경하면 되겠다 $.ajax({ url: URL, dataType: 'json', type: 'POST', data: { //data }, beforeSend: function() { //마우스 커서를 로딩 중 커서로 변경 $('html').css("cursor", "wait"); }, complete: function() { //마우스 커서를 원래대로 돌린다 $('html').css("cursor", "auto"); }, success: function(dat..
(function($){ $.fn.extend({ fullPopupOn : function(opt) { ele = this; ele_w = this.width(); ele_h = this.height(); if(opt){ if(opt.width){ ele_w = opt.width; this.css('width',ele_w); } if(opt.height){ ele_h = opt.height; this.css('height',ele_h); } } marginleft = (ele_w/2)*(-1); margintop = (ele_h/2)*(-1); html = ""; $('body').append(html); this.css({'position':'fixed','left':'50%','top':'50%','..
$("#id").next(): 선택한 요소의 다음 요소를 선택 $("#bong").next(); // id값이 bong인 요소의 다음 요소를 선택 $("#bong").next().attr(’name’); // d값이 bong인 요소의 다음 요소의 name값을 가져옴
$([attribute^='value']): 원하는 속성의 이름을 찾고자 하는 문자열이 포함되어있으면 검색 // input tag에 name안에 bong이라는 문자열을 포함한 속성을 찾아 "bong here!"값을 전달하자.
Jquery를 활용한 Loading Bar 구현 Jquery를 활용하여 Ajax와 같은 통신을 할 때 loading bar 표시와 hide를 할 수 있는 기능을 구현 로딩바 표시 function showLoadingBar() { var maskHeight = $(document).height(); var maskWidth = window.document.body.clientWidth; var mask = ""; var loadingImg = ''; loadingImg += ""; loadingImg += " "; loadingImg += ""; $('body').append(mask).append(loadingImg); $('#mask').css({ 'width' : maskWidth , 'height'..