전체 글 (281) 썸네일형 리스트형 [javascript] media query if (window.matchMedia('(max-width: 768px)').matches) { // do functionality on screens smaller than 768px } $(window).resize(function() { if ($(this).width() < 1024) { // your code } else { // your code } }); [javascript] URL 형식인지를 체크하는 정규식 // url 형식인지를 체크( http, https 를 포함하는 형식 ) function checkUrlForm(strUrl) { var expUrl = /^http[s]?\:\/\//i; return expUrl.test(strUrl); } radio,checkbox value값 가져오기 $('input:radio[name="radio"]:checked').val() $('.user_check:checkbox:checked').map(function(){ check_user.push(this.value); }); [ajax] 통신중 로딩바 공통 - ajaxStart에서 로딩바를 생성하고 ajaxStop에서 로딩바를 해제한다 - 아래 소스를 공통 js로 만들어두면 참조하는 모든 프론트 페이지에서 ajax요청이 있을 시 호출된다. //AJAX 통신 시작 $( document ).ajaxStart(function() { //마우스 커서를 로딩 중 커서로 변경 $('html').css("cursor", "wait"); }); //AJAX 통신 종료 $( document ).ajaxStop(function() { //마우스 커서를 원래대로 돌린다 $('html').css("cursor", "auto"); }); [ajax] 사용법 속성 설명 type http 전송 method를 지정한다. GET, POST url 호출 URL. GET 방식일경우 URL 뒤에 파라미터를 붙여서 사용해도 된다. dataType Ajax를 통해 호출한 페이지의 Return 형식이다. 형식에 따라 xml, json, html, text 등을 사용하면 된다. error 에러났을때의 처리 부분이다. success 성공했을때의 처리 부분이다. 보통 해당 부분에서 데이터 핸들링을 하면 된다. $.ajax({ url : "Main/", data : { result : 'test' }, dataType : "json", method : "POST" }) .done(function(data){ alert(data); }) [ajax] 통신 중 로딩 처리 ajax를 이용하여 대용량의 파일을 업로드할 때 로딩 중 처리가 필요할 때가 있다. 그럴땐 로딩중을 표시해주면 사용자 입장에서는 로딩중인지 렉걸린건지 구분을 할 수가 있다. $("#subtn").click(function(){ $.ajax({ url : "./member", data : $('form').serialize(), beforeSend: function() { //통신을 시작할때 처리되는 함수 $('.lodding').css("display","block"); // 현재 html 문서위에 있는 마우스 커서를 로딩 중 커서로 변경 }, complete: function() { //통신이 완료된 후 처리되는 함수 $('.lodding').css("display","none"); // 통신이 완료 .. [ajax] json type으로 받기 var items = []; $("#inputEmail").keyup(function(){ $.ajax({ url : "./member", data : {userEmail : $(this).val()}, dataType : "json", method : "POST" }) .done(function(data){ $.each(data, function(key, val){ items.push(val); console.log(items); }); $(".email_cof").text(data['email']); $(".id_cof").text(data['id']); }) }); 에디터 종류 https://ckeditor.com/ckeditor-4/download/?null-addons= CKEditor 4 - Download Latest Version Download a ready-to-use Latest Version of CKEditor 4 package. ckeditor.com https://nightly.ckeditor.com/22-03-05-07-04/full/samples/ CKEditor Sample Congratulations! If you can see CKEditor below, it means that the installation succeeded. You can now try out your new editor version, see its features, and .. 이전 1 ··· 29 30 31 32 33 34 35 36 다음
