일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- laravel
- jsp
- ubuntu
- MySQL
- devops
- it
- 요리
- IntelliJ
- linux
- Design Patterns
- tool
- springboot
- Spring
- java
- redis
- JPA
- Gradle
- jenkins
- 맛집
- Git
- elasticsearch
- ReactJS
- php
- Oracle
- db
- Web Server
- docker
- Spring Boot
- AWS
- javascript
- Today
- Total
목록Javascript & HTML & CSS (69)
아무거나
모바일 스크롤바 항상 보이게 하기[ios이슈때문에 적용시킴] ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb { background: #a9a9a9; }
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 ( IE에서 디자인 적용안되는 현상 해결 ) */ select::-ms-expand { display: none; }
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%','..
해당 소스는 브라우져 주소창 url에 파라메터 정보가 다 있어야 된다. 주소창 url을 파싱해서 파라메터 정보를 가져오기 때문.
$('#discription').on("keyup",function(){ var byteTxt = ""; var byte = function(str){ var byteNum=0; for (i=0; i 127 ) ? 2 : 1; if(byteNum 1000) { console.log('--------------------'); console.log(byteTxt); console.log('--------------------'); alert("1000자 이상 입력할수..
"==" 연산자는 피연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교한다. 그리고 값을 변환하여 비교하는 규칙은 보잡하고 외우기도 쉽지 않다. 따라서 javascript에서 동등성 비교시에는 "===" 연산자를 사용하는게 좋다 '' == '0' // false 0 == '' // true 0 == '0' // true false == 'false' // false false == '0' // true false == undefined // false false == null // false null == undefined // true ' \t\r\n ' == 0 // true
[예제] .file_input_textbox { float:left; height:29px; } .file_input_div { position:relative; width:80px; height:36px; overflow:hidden; } .file_input_img_btn { padding:0 0 0 5px; } .file_input_hidden { font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; } 원리를 설명 하자면 텍스트 박스, 첨부파일 박스를 각각 따로두고 참부파일의 찾아보기 그 버튼의 opac..