본문 바로가기

Dev/jQuery

[jQuery] .dotdotdot 플러그인(말줄임, 글줄임) 게시판 같은 곳에 제목등을 길게 쓰거나 이름을 길게 쓰면 아래로 밀리는 현상이 있는데 이때 컬럼의 길이에 맞게 각각의 글자수를 계산해서 밀리지 않게 처리한후 (...) 같은 처리를 하게 된다 이때 jQuery 플러그인 하나로 간단하게 처리가 가능하다. dotdotdot sample 안녕하세요 이렇게 하면 글이 아래로 밀려요 자세한 옵션과 내용은 아래의 사이트를 방문하면 된다. Sample : http://f.goodkiss.co.kr/sample/dotdotdot/dotdotSample.html dotdotdot 플러그인 사이트 바로가기 더보기
[jQuery] bootstrap tooltip 사용방법 * 기본적인 Tooltip ollagaza story Tooltip Sample Mouse over * Javascript로 title 및 옵션 조정하기 이때 주의할 점은 태그에서 title값이 없어야 jQuery에서 값을 조정할 수 있다. ollagaza story Tooltip Sample Mouse over * 외부 데이터를 tooltip 내용으로 사용하기 ollagaza story Tooltip Sample Mouse over 창의 width는 style을 사용하면 됩니다. * 소스 내용중에 3가지 파일필요 http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css https://ajax.googleapis.com/ajax/libs/.. 더보기
[jQuery] ajax 파일 업로드 첨부된 플러그인을 삽입하고 아래의 코딩으로 ajax 파일 업로드 가능. 잘 안되면 문의해주세요~ 아는 한도 내에서 알려드릴께요 $('#fileUpload').click(function() { // ajax Form Submit var form = document.getElementById('frmLocalTax'); //FormData parameter에 담아줌 form.method = "POST"; form.enctype = "multipart/form-data"; var formData = new FormData(form); $.ajax({ url : '/upload.asp', data : formData, cache : false, contentType : false, processData : fa.. 더보기
[jQuery] Chart Demo jQuery로 Chart 만들어주는 샘플 데모 * 링크 : http://www.highcharts.com/demo 샘플을 다운로드 받아서 실행하면 쉽게 따라할 수 있습니다 더보기
[jQuery] $.cookie 인식 안될때 팁(?) jQuery 쿠키 사용법중에 몰랐던 내용.. 허접하지만 ㅠㅠ 기본적으로 쿠키 사용시 $.cookie("ckValue","Yes"); 와 같이 사용하지만 하다보면 다른 폴더의 페이지로 이동할때 이 쿠키가 정상 인식 못하게 된다. $.cookie("ckValue",:Yes",{path:'/bbs'}); 와 같이 폴더를 지정해주면 그 폴더에서만 쿠키 인식이 됨.. 역시 jQuery의 세계란...ㅠㅠ jQuery Cookie 플러그인은 다운받아야 함https://github.com/carhartl/jquery-cookie 더보기
[jQuery] checkbox등의 컨트롤에 속성값 주기 chekbox나 radio 등을 쓰면서 $("input:checkbox[name=chkList]").attr("checked", true); 와 같이 .attr을 계속적으로 쓰고 있었는데 어떤 상황에서 갑자기 IE에서 동작이 안하는 문제가 발생함 여그저그 검색한 결과 attr 보다는 prop 속성을 쓰라고 추천해서 바꾸었더니 정상적으로 동작하는 것을 확인했다.$("input:checkbox[name=chkList]").prop("checked", true); 더보기
[jQuery] ajax 사용시 Parameter 처리방법 주의점 // data으로 Parameter 전송 var Parms = '?mode=login'; Parms += '&code=' + code; Parms += '&uid=' + uid; Parms += '&pass=' + pass; $.ajax({ url: '/member/memberAction.asp', type: 'post', //post,get,등..전송방식 dataType: 'text',//데이타 타입 data: { mode : "login", code : code, uid : uid, pass : pass }, success: function(data){ } // url에 이어서 전송 $.ajax({ url: '/member/memberAction.asp'+Parms, type: 'post', data.. 더보기
[jQuery] autocomplete(자동완성기능) 사용방법 - XML / JSON * jQuery autocomplete(자동완성기능) 사용방법 - XML / JSON 보통 데이터를 전달할때 XML 방식과 JSON방식을 많이 사용하는데 데이터양이 적을때는 XML이든 JSON 이든 편한대로 사용해도 크게 문제가 되지 않겠지만 데이터가 대량일 경우에는 JSON 을 사용할 것을 권장한다. 속도차이가 많이 나니 궁금하다면 대량 데이터로 두개다 실행해보면 알것임~!!! - XML autocomplete ( 예제 - http://f.goodkiss.co.kr/sample/autocomplete/autoCompXML.html ) Input City: Result: - JSON autocomplete ( 예제 - http://f.goodkiss.co.kr/sample/autocomplete/auto.. 더보기
[jQuery] aJax 의 간단한 예제 ajax 간단한 예제 Parameter를 직접 넘기기 $.ajax({ type: "POST", dataType: "text", url: "/action.asp", data: { mode : "INSERT" , name: val.value}, success: function(data){ if (data == "OK") { val.value = ""; } } ,error: function(){ alert(" html Load error!!"); } }); Form submit 하기 $.ajax({ type: "POST", dataType: "text", url: "/action.asp", data: $("#form_id").serialize(), success: function(data){ if (data .. 더보기
[jQuery] jQuery 데모 및 소스 jQuery 데모 및 소스 : http://jqueryui.com/ 위젯이나 데모 소스 : http://www.jqwidgets.com/jquery-widgets-demo/ 더보기
[jQuery] autocomplete 사용 옵션 $.Autocompleter.defaults = { inputClass: "ac_input", resultsClass: "ac_results", loadingClass: "ac_loading", minChars: 1, delay: 400, matchCase: false, matchSubset: true, matchContains: false, cacheLength: 10, max: 100, mustMatch: false, extraParams: {}, selectFirst: false, 더보기
[jQuery] ajax 옵션 $.ajax({ type: "POST" //"POST", "GET" , async: true //true, false , url: "/common/response.jsp" //Request URL //, dataType : "html" //전송받을 데이터의 타입 "xml", "html", "script", "json" 등 지정 가능 미지정시 자동 판단 , timeout: 30000 //제한시간 지정 , cache: false //true, false , data: 'a=asdf' //$("#inputForm").serialize() //서버에 보낼 파라메터, form에 serialize() 실행시 a=b&c=d 형태로 생성되며 한글은 UTF-8 방식으로 인코딩 "a=b&c=d" 문자열로 직접 입력 가능 .. 더보기
[jQuery] 타도메인 iframe resize 타 도메인간에 iframe resize 가 몇년전까지는 어설프나마 잘 됐었는데 요즘은 브라우져도 많아지고 explorer 버젼도 많아져서 먹통이 되어버려서 업체에서 문의가 왔다 골치 아프겠단 생각을 가지고 열심히 검색을 했는데 좋은놈 발견!! 같은 도메인은 물론이고 타 도메인도 매우 잘됌ㅎㅎ 테스트는 explorer 10/11하고 크롬해서 해봤는데 OK (sample : http://f.goodkiss.co.kr/sample/frameResize/index.html) * 부모창(index.html) Automagically resizing iFrame Resize window or click 'Toggle content' to watch iFrame resize 와 같이 코딩해 주면 되고 * 자식창(fr.. 더보기

반응형