본문 바로가기
반응형

웹프로그래밍/Javascript|JQuery|Jsp44

div scroll 생기게 하기 [JSP] div scroll 생기게 하기 스타일로 줄수도 있고 div에 직접 줄수도 있다. 스크롤 테스트 ※ 스타일시트의 OverFlow 속성 1) overFlow : visible레이어 속의 내용이 레이어의 크기를 넘을 경우, 레이어 크기를 키워서 보여준다. (default 설정 값)2) overFlow : hidden레이어 속의 내용이 레이어의 크기를 넘을 경우, 레이어 크기만큼만 보여준다.3) overFlow : auto레이어 속의 내용이 레이어의 크기를 넘을 경우, 내용에 따라 자동으로 스크롤을 만든다.4) overFlow : scroll레이어 속의 내용의 길이와 상관없이 무조건 스크롤을 만든다. * X, Y에 대해 다르게 적용하고자 할 때에는overFlow-x : scroll, overFlow.. 2017. 8. 10.
[JSP] 콤마(,)로 구분된 데이터 JSP에 보여주기 [JSP] 콤마(,)로 구분된 데이터 JSP에 보여주기 1. 태그선언 2. 한칸씩 아래로 내리기!${fn:replace(vo.jobTpCd, ',', ' ')} 2017. 7. 17.
[JSP] 글자수 초과, 넘어갈때 [JSP] 글자수 초과, 넘어갈때 ex) 에이투더비투더비투더터터터터터 변환 후 ex) 에이투더비투더..... 하는 방법을 알아보겠습니다. 첫번째 방법..! 1. css선언 공통에 선언해놓으면 편함! CSS.ellipsis { overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; max-width:95%; } 2. 타이틀에 해놓아도 되고 않해도 되고! 넣어 줍니다. JSP 두번째 방법..! 1. 태그선언!! 2. 글자수를 자릅니다!! 자르고 뒤에 ... 을 붙일수있고 안붙일수도 있습니다. 선택은 알아서 하심이..!!.. 2017. 7. 17.
[javascript]FullCalendar 풀캘린더 [javascript] FullCalendar 풀켈린더 1. https://github.com/fullcalendar/fullcalendar/releases 들어가서 풀켈린더를 받습니다. 2. 다운받은 파일을 이클립스에 이동시킵니다. 3. JSP 상단의 선언해줍니다. Tip. 경로 확인 방법은 아래와 같습니다. C+V 하면 WEBAPP 뒷 부분을 복사 하시면 됩니다. 4. JSP에 풀켈린더 표시할곳에 calendar id를 줍니다. 5. 마지막으로 스크립트를 작성합니다. 6. 결과를 확인합니다. 저는 사이즈가 작은달력이 필요해서 작게 만들어봤어요용도에따라 사용하실 수 있으실거에요. 다양한 설명은 https://fullcalendar.io/ 에서 확인하시면 될 것 같아요. 즐코되세요! 2017. 7. 3.
일정 기간 버튼 선택(오늘,어제,1주,1개월,3개월,6개월,1년) [JavaScript,JSP]일정 기간 버튼 선택하면 날짜 세팅(오늘,어제,1주,1개월,3개월,6개월,1년) Controller if (searchVO.getSearchYear()==null || searchVO.getSearchYear().equals("")){if(searchVO.getSearchDtFrom()!=null){//사용기간 시작 범위 Date 형식 변환SimpleDateFormat transFormat = new SimpleDateFormat("yyyy-MM-dd");Date StartRangeDate = transFormat.parse(searchVO.getSearchDtFrom());Date EndRangeDate = transFormat.parse(searchVO.getSearchD.. 2017. 6. 19.
[JS] plupload 올바른 구현 uploader = $("#uploader").plupload({ // General settings runtimes: 'html5,flash,silverlight,html4', url: objMaterial.geturl(), urlstream_upload: true, //cambiar url en tiempo real multi_selection: multiSelection, unique_names: unicoNombre, // User can upload no more then 20 files in one go (sets multiple_queues to false) max_file_count: 1, chunk_size: '1mb', // Resize images on clientside if we .. 2017. 6. 12.
[JSP] JSP페이지 내에서 일정 글자수 ...표시 [JSP] JSP페이지 내에서 일정 글자수 ...표시 JSP글자자르기자르기 알칼리금속(칼륨 및 나트륨을 제외한다) 및 알칼리토금속 JSP글자자르기... 알칼리금속(칼륨 및 나트륨을 제외한다)... 처럼 변경 해보겠습니다. 우선 태그 먼저 추가할게요 c 태그 fn 태그 리스트를 뿌릴때 //반복문을 돌리고 // 자를거지만 마우스 오버시 명이 다 보이도록 // 조건문을 시작합니다. // 글자수가 10자 보다 크면 .... // 2017. 6. 9.
[JavaScript] select 박스 선택시 이미지 나타나기 [JavaScript] select 박스 선택시 이미지 나타나기 jsp --선택-- 1 2 3 // 1 // 2 // 3 javascript //셀렉트 박스 미리보기 function selectForm(frm){ var hiddenForms = document.getElementById("allForms"); theForm = hiddenForms.getElementsByTagName("div"); for(x=0; x 2017. 6. 7.
반응형

티스토리툴바