분류 전체보기 썸네일형 리스트형 참고용 CSS technique ======================================================================= 1. HTML 엘리먼트 구분하기 Styles make the formatting job much easier and efficient. To give an attractive look to web sites. styles are heavily used. Using jQuery Power of selectors ----------------------------------------------------------------------------------------------------------- .greencolor{color:green;font-style:italic;} .. 더보기 폼 유효성을 확인하는 방법 01. 필수항목이 입력이 되었는지 확인 $('.error').hide(); $('.submit').click(function(event){ var data = $('.infobox').val(); var len = data.length; if(len < 1){ $('.error').show(); event.preventDefault(); }else{ $('.error').hide(); } }); 1. 처음엔 Error 메시지는 숨기고 Click Event 는 Submit 버튼에 연결 2. Click Event 의 이벤트 처리함수에서 Text Field 에 입력된 데이터 추출 data 변수에 저장 3. Data 의 길이를 구하여 IF문으로 구분 하여 처리 / preventDefault() 메소드는 subm.. 더보기 이벤트 처리 2 12. 이미지 기반의 롤오버 ------------------------- image 관련 CSS ------------------------- .link{ display:block; width:170px; height:55px; background-image:url(btn1.bmp); background-repeat:no-repeat; background-position:top left; } .hover{ display:block; width:200px; height:70px; background-image:url(btn2.bmp); background-repeat:no-repeat; background-position:top left; } .active{ display:block; width:170p.. 더보기 이벤트 처리 1 1. 어느 버튼을 클릭했는지 확인하기 bind ( eventType, data, handler ) evnetType : 이벤트 타입지정 문자열, click, double-click, focus, blur data : 이벤트 핸들러에 전달할 데이터. 생략하면 두번째 변수는 핸들러 함수가 됨. handler : 이벤트 발생시 수행할 문장을 가진 함수. $('.bold').bind('click', function (){ >> 클래스 이름이 bold 인 span 엘리먼트에 대한 클릭 이벤트 핸들러 .click ( handler ) // .click() >> 클릭 이벤트 핸들러 .dblclick ( handler ) // .dblclick() >> 더블클릭 이벤트 핸들러 # 이벤트 객체의 target 속성을 사용.. 더보기 배열 관련 1. 배열을 사용하여 리스트로 표현하기 $(document).ready(function(){ var memlist = $("#list"); var members = ["John","Steve","Ben","Damon","Ian"]; $.each(members.function(index,value){ memelist.append($("" + value + "")); }) }); ======================================================== John Steve BenJohn Damon Ian ======================================================== $('p').text(members.join(",")); >> TEXT Joi.. 더보기 KT Work Portal 구축 프로젝트 (2013. 01 ~ 04) ◈ KT Work Portal 구축 프로젝트 (2013. 01 ~ 04) 1. 개요 : • KT 협업강화를 위한 Work 포털 서비스를 제공. 임직원 공유시스템 개선 추진 • Work 중심의 개인 특화 사이트및 참여, 공유, 업무 유형별 사이트 제공 • H/W Innovation (Cloud 기반 구축) 으로 자원 효율화 및 관리 효율성 향상 2. 세부 내용 : • 임원용/ 팀장용/ 팀원용 사이트 • 프로젝트형 / 자료취합형 / 자원관리형 / 동호회 / 헬프 데스크형 사이트 • Work 포탈 로그인 / 메인 사이트 • 서비스 링크, 임직원 조회, Notic e(공지사항) • 사이트 개설 신청 / 승인 • 포탈내 사용율 통계 3. 솔루션 개요 Work 포탈 시스템은 MicroSoft SharePoint 2.. 더보기 2. 삼성 애니콜랜드 리뉴얼 ◈ 삼성 모바일캠퍼스 리뉴얼 (2012.03.01 ~ 2012.04.30) 1. 목적 : 삼성 휴대폰 판매상담사를 위한 모바일 캠퍼스 리뉴얼1-1. 구.애니콜랜드 (www.anycallclub.com) >> 현 삼성모바일 캠퍼스 (http://www.samsungmobilecampus.com)2. 개선배경 :2-1. 구 사이트의 전반적인 시스템 개선과 판매점 판매상담사 제품교육, 이벤트, 통계강화3. 시스템 SPEC3-1. MicroSoft Windows Server 2008 (IIS 7.0)3-2. Oracle 9.X3-3. .NET FrameWork 2 기반 ASP.NET with C# (WebForm)4. 작업인원 및 개발담당 부분4-1. 작업인원 : PM ( 1 ) , 기획 : ( 3 ).. 더보기 1. 대림산업 사내표준 시스템 ◈ 대림산업 사내표준 시스템 재구축 (2012.05.14 ~ 2012.12.31) 1. 목적 : 대림산업내 사내표준 문서 관리 시스템 개편 2. 개선배경 :2-1. ISO 인증심사에 부합한 시스템 구축2-2. 윈도우7 환경하에 JAVA 버전충돌, ActiveX 이상으로 인한 시스템 오류개선2-3. 접근통제 미비로 인한 보안 위험 노출해결 3. 개선방안 : 3-1. 사내표준 관리 시스템 모듈 기능 추가 ( 기존 관리표준문서 외 기술표준 문서 관리방식 추가 )3-2. 그리드, 차트, 에디터 등 - 시스템 오류를 유발할수 있는 시스템 개선3-3. DATA 관리체계 개선 - JAVA VM버전 문제로 오류를 유발하는 EDMS 관리체계 연계 차단3-4. 보안 강화 - 비허가 사용자에 관한 접근 방법 개선 4. .. 더보기 IT 리더를 위한 2013 아포리즘 어원 < 영어 aphorism. 짧고 단순하면서도 진리를 드러내는 말. 격언, 잠언, 경구. 1. '변화의 물결 속에서 수영하는 법을 배우자. 그렇지 않으면 돌처럼 가라앉을 테니까' (You better start swimming or you'll sink like a stone, for the times they are a-changin). 2. 21세기 문맹이란 읽거나 쓰지 못하는 이들이 아니다. 배우지 못하고, 실수를 깨닫지 못하고, 다시 배우지 못하는 이들이다' (The illiterate of the 21st century will not be those who cannot read and write, but those who cannot learn, unlearn and relearn). - .. 더보기 홍천 은행나무숲 가족여행으로 좋은 홍천의 은행나무숲입니다 2010년 25년만의 처음으로 개방이 되며 가을 단풍여행지로 소개 되고 있죠 은행나무 숲의 주인이신 유기천씨는 이곳의 절경에 반해 땅을 사서 은행나무를 25년간 심었다고 합니다 곰수골님의 블로그에서 담아온 사진을 통해 감상해 보실까요? 마음이 편안해지는 곳이라고 생각 합니다 단풍이 절정을 이룰 10월 14일부터 10월 31일까지오전 10시부터 오후 5시까지 무료 개방합니다 개인 사유지이지만 무료개방을 하시고 있고 쓰레기 및 오물이나 낙서등을 삼가하시는게 좋습니다 모두가 함께 치유를 받기 원하는 마음에서 공개를 하는 곳인만큼 주의가 필요합니다 홍천 은행나무숲 가는 길주소 : 홍천군 내면 광원리 695-1 새주소 : 홍천군 내면 달둔길 9-23가는 길 : 영동고속도로.. 더보기 이전 1 2 3 4 5 다음
