본문 바로가기

웹스토리

(37)
jqgrid 옵션 정보 $(document).ready( function() { var ogstatus = ''; $("#ordertable").jqGrid({ url: '요청할 페이지url', datatype: "json", autowidth: true, //사용자 화면 크기에 맞게 자동 조절 //width : 5000, //넓이 height : 356, //높이 colNames:[ //컬럼명 '회원명','회원주소','회원전화번호','회원아이디' ], colModel:[ {name:'og_INDATE', index:'og_INDATE', width:150, sortable:true}, //컬럼 데이타값 {name:'username', width:150, align: 'center' , editable:true, sortabl..
jQuery Grid Tree Example jQuery("#menuList").jqGrid({ url:'/project/menu/menuListGrid', datatype: 'json', mtype:'PUT', treeGrid: true, treeGridModel: 'adjacency', serializeGridData: function(postData) { return JSON.stringify(postData); }, colNames:['ID','NAME','PATH','설명','레벨','PARENT','isLeaf'], colModel: [ {name:'id', index:'id', width:050, editrules:{required:true }, align:'center',key:true}, {name:'name', index:'nam..
윈도우 팝업창 뛰우기 스크립트 *** 팝업창 띄우기 *** 팝업창 옵션 no, 1을 사용 width=800 : 팝업창의 넓이 height=600 : 팝업창의 높이 top=0 : 팝업창이 뜰 위치 left=0 : 팝업창이 뜰 위치 resizable=1 : 창크기 조정가능 scrollbars=1 : 스크롤바 menubar=1 : 메뉴 toolbar=1 : 메뉴아이콘 location=1 : 제목표시줄 directories=1 : 연결버튼(핫메일 등)status=1 : 하단의 상태바 입장시 팝업창 띄우기 또는 퇴장시 팝업창 띄우기 또는 클릭을 하면 팝업창이 뜨는 스크립트 링크 클릭시 팝업창 띄우기 여기를 누르면 새로운 창을 띄웁니다. 입장시와 퇴장시에 모두 팝업창 띄우기 ---------------------------------------..
브라우저 체크, 익스플로러 버전체크 브라우저 체크, 익스플로러 버전체크 펌 - http://changpd.blogspot.kr/2013/04/javascript.html 우선 브라우저 체크 useragnet 값 얻어와서 브라우저 문자열 검색. 참고로 indexOf는 파라미터 문자열이 해당 문자열에 포함되어있지않을경우 '-1'을 리턴함. 포함되었을 경우에는 해당 위치(시작점- 0부터표시) var agt = navigator.userAgent.toLowerCase(); if (agt.indexOf("chrome") != -1) return 'Chrome'; if (agt.indexOf("opera") != -1) return 'Opera'; if (agt.indexOf("staroffice") != -1) return 'Star Office'..
외부 url을 호출하여 div에 넣기 //외부 url을 호출하여 div에 넣기 $(document).ready(function() { processAjax("http://test.co.kr/CP_Template/htdocs/main/mainBoardShowPage.jsp",1); processAjax("http://test.co.kr/CP_Template/htdocs/main/mainStoryShowPage.jsp",1); processAjax("http://test.co.kr/CP_Template/htdocs/main/mainConShowPage.jsp",1); processAjax("http://test.co.kr/CP_PersonalInfo/htdocs/personalinfo/personalinfoShowPage.jsp",2); pro..
일정관리 달력 Jquery Plugin fullcalendar 날짜를 선택 하는 api인 datepicker가 아닌 일정 관리 화면 과같은 풀 화면 달력을 찾던중 fullcalendar 사이트를 찾게 되었다 차후에 사용 후 후기를 올리도록 하겠습니다. fullcalendar - http://arshaw.com/fullcalendar/
Jquery 달력 - datepicker 옵션 참조 - http://api.jqueryui.com/datepicker/ $(".datepicker").datepicker({ showOn: "both", // 버튼과 텍스트 필드 모두 캘린더를 보여준다. buttonImage: "/application/db/jquery/images/calendar.gif", // 버튼 이미지 buttonImageOnly: true, // 버튼에 있는 이미지만 표시한다. changeMonth: true, // 월을 바꿀수 있는 셀렉트 박스를 표시한다. changeYear: true, // 년을 바꿀 수 있는 셀렉트 박스를 표시한다. minDate: '-100y', // 현재날짜로부터 100년이전까지 년을 표시한다. nextText: '다음 달', // next 아이콘의 ..
Jquery image gallery - AD Gallery 웹 화면의 썸네일 이미지들의 원본 이미지를 슬라이더 형태의 모달창에서 보여주는 기능이 요즘 기본으로 제공되는 사이트가 많이 있다.그래서 찾아본 결과 AD Gallery가 괜찬다 싶어 정리 해본다.AD Gallery URL - http://adgallery.codeplex.com/