javascript 썸네일형 리스트형 [Javascript] 동적으로 생성하는 텍스트 Component에서 높이 가져오기 동적으로 생성하면서 높이 값이 필요할 때 유용하다. 약간 꼼수인 것 같지만..... function textComponentHeight (component) { document.body.appendChild(component); var textHeight = component.offsetHeight; document.body.removeChild(component); return textHeight; } 더보기 [Javascript] js 파일 불러오기 Spring3에서 불러올때.. 더보기 [Javascript] DatePicker 달력이 나오는 간단한 DatePicker 이다. jQuery UI Datepicker - Default functionality $(function() { $( "#datepicker" ).datepicker(); }); Date: 관련 API 는 여기서~! 더보기 JQuery Select Box 제어 1. jQuery로 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 3. 선택된 위치 var index = $("#test option").index($("#test option:selected")); 4. Addoptions to the end of a select $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. Addoptions to the start of a select $("#selectBox").prepend(".. 더보기 [Javascript] String 파싱 /asb/sda/asd/asd 이와 같이 되어있는 str이 있다면 아래와 같이 사용하면 var strArray = str.split('/'); str[0] = asbstr[1] = sdastr[2] = asdstr[3] = asd Array로 나누어져서 저장된다. 직접 지정해서 해당부분 String만 가져오는 방법이 있다. 2014-04-03 문자가 있다면 subString(시작위치, 길이) str.subString(0,4); //2014str.subString(5,2); //04str.subString(8,2); //03 이와 같이 활용하면 된다. 더보기 Ajax를 이용해서 Multipart Form Data 전송하기 아래의 예제를 보고 하면 된다.~! var formData = new FormData(); formData.append('name', $("#name_text_view").val() ); formData.append('countryNo', countryNoList[0]); formData.append('imageFile', m_imageFile); formData.append('genreNoList', genreNoList); formData.append('actorNoList', actorNoList); formData.append('writerNoList', writerNoList); formData.append('directorNoList',directorNoList); $.ajax({ url:''.. 더보기 [JavaScript] 최근 인기를 얻고 있는 JavaScript 라이브러리 정리 라이브러리를 참고하기에 좋은것 같아서.... http://html5experts.kr/archives/2039 더보기 Google Ouath2 Login후 Email 가져오기~!!! (Javascript) 친절한 설명은 구글 PPT 자료에 있습니다. 우선 구글 API console에 접속 합니다. 위와 같이 Ouath 설정을 해주는데~~ 여기서 JavaScript Origins가 중요하다. 본인은 여기서 삽질을 하여 origin mismatch 가 떴는데자세히 보면 오류문구에 origin : ~~~주소 ~~~~가 있다 이것을 등록해주면 끝~! 솔직히 구글에서 잘정리해서... 간단하게 보시고 이 문서를 참고하세요~! 구글 버튼이다~! clientid 만 바꾸어주시면 끝~! scope에 2개의 주소가 있는데 여기에 다양한 permission 값들을 넣으면 원하는 기능을 쓸수 있는것 같다. (구글API는 다 이런씩으로 사용하는듯) 그리고 라이브러리를 비동기로 로딩~! 이제 위의 버튼에서 보면 Callback으로.. 더보기 Web Browers의 구조 - (1) User Interface : 주소바, 이전/다음 버튼, 북마크, 등등 사용자에게 보여지는 것이다. 요청 페이지를 제외하고 Brower Engine : 사용자 인터페이스와 Rendering Engine 사이의 컨트롤을 해준다. Rendering Engine : Request Content를 보여주는 엔진 Networking : Http 요청과 같은 네트워크 호출에 사용이 되어지고 독립적인 Interface이다. 다른 platform과 달리 독립적인 inteface를 가지고 있고 하단부에서 실행이 됩니다. UI backend : 콤보 박스와 같은 운영체제 interface 체계를 사용합니다. JavaScript Interpreter : java script를 parse하고 실행합니다. Data storag.. 더보기 [Javascript] 객체 내부에서 내부로 값을 전달 할때.. var testObject = { testStr : "testObject", setTestMethod : function() { setTestMethodMethod = function (object) { object.testStr = "setTestMethodMethodStr"; }; setTestMethodMethod(this); } }; document.write(testObject.testStr + " "); testObject.setTestMethod(); document.write(testObject.testStr + " "); 이 방법은 superOjbect를 직접 함수로 넘기는 방법이다. var testObject2 = { testStr : "testObject2", setTestMethod.. 더보기 이전 1 2 다음
