본문 바로가기

프론트엔드

Simple Modal 출처 : http://www.ericmmartin.com/projects/simplemodal-demos/ 압축파일내 index.html 실행화면 앞뒤 코드 다떼고 필요 소스만 남긴 후 실행 화면 간단해서 좋군요.. 이외에도 Form 간단한 알림창 등이 있는데 - 모두 js로 되어 있어서 script로 불러다 class로 사용하면 되네요.. 중요한 것은 style이 잘 정의 되어 있어야 있어보이네요.. ㅋ 아래는 필요 부분만 남긴 소스.. or Demo input title here x TEST SimpleModal Close
[Link] jQuery 50+ Amazing Examples - Part1 http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html 각 기능별로 구분해 놓았고, 각 예제는 script load후에 불러다 쓰면 되게 전부 js로 빼 놓은것이 대부분입니다. 그렇지 않은 것은 코드가 워낙 간단한 것이구요.. 점점 jQuery가 위대해 집니다..
Apache error : client denied by server configuration Vitual host에 alias를 붙이니 오류가 났다.. virtual host이기 때문에 서버 설정을 바꾸는게 아니라 가상 호스트 설정만 바꾸어야 한다. (보안상..) httpd-vhosts.conf 에서 Alias /yeory "D:/yeory/webapp1" # Alias 설정. Options FollowSymLinks AllowOverride None Order deny,allow Allow from all 만약 가상호스팅을 하지 않고 단독으로 사용한다면 별수없이 서버 설정을 바꾸는게 맞다. 즉 httpd.conf의 Options FollowSymLinks AllowOverride None Order deny,allow Deny from all 적색 부분을 Allow from all 바꿔주면 된..
DWR 간단 테스트 Eclipse에서 Web Project 생성. Project Name : DWR-Test dwr.jar 파일을 Project내의 WEB-INF/lib에 넣어준다. web.xml에 아래 내용 추가. dwr-invoker org.directwebremoting.servlet.DwrServlet debug true dwr-invoker /dwr/* 중간 파란색 부분은 dwr 버전이 1.x라면 uk.ltd로 시작하는것을 servlet-class로 적어주어야만 한다. 무조건. dwr.xml 만들기. 위에 아래 docType을 추가한다. (코드 하이라이터에서 docType을 빼버려서..) creator에 new라는 것은 객체를 만들어서 사용한다는 것이고.. HelloTest는 jsp나 html에서 객체의 이름으로 ..
jqGrid 설명 01 jQuery('#grid_selector').jqGrid( options ) options에 해당하는 속성들. Property Description url tells us where to get the data. Typically this is a server-side function with a connection to a database which returns the appropriate information to be filled into the Body layer in the grid - 데이터를 가지고 와야할 url을 지정하는 곳. DB연결 동시에 적합한 정보를 body부분의 grid에 채워주는 server-side 기능이다. datatype this tells jqGrid the type o..
JSP 에러 모음 * HTTP Status Code 사용자가 HTTP나 파일 전송 프로토콜(FTP: File Transfer Protocol)을 통해 인터넷 정보 서비스(IIS: Internet Information Server를 실행하는 서버의 콘텐츠에 액세스 하려고 하면 IIs에서는 요청 상태를 나타대는 숫자 코드를 반환한다. 이 상태 코드는 IIS로그에 기록되고 웹 브라우저나 FTP 클라이 언트에도 표시될 수 있고 요청이 실패한 정확한 이유도 표시할 수 있다. * 1xx - 정보 전달용 이 상태 코드는 임시 응답을 나타낸다. 클라이언트가 정식 응답을 받으려면 하나 이상의 1xx 응답을 받을 준비가 되어 있어야 한다. 100 : Continue 계속 작업한다. 101 : Switching protocols 프로토콜을 ..
브라우저 구분하기. 오늘 FireFox와 IE에서 Date 객체의 getYear()의 결과가 다른걸 발견했다. FireFox는 3.6 IE는 8.0 FireFox에서 나온 결과인데 getYear()의 결과는 110이다. IE에서의 결과인데 getYear()는 2010이다. 이넘이 왜 1900을 자동으로 더해버리는지는 모르겠지만.... 이는 IE 7.0에서도 마찬가지 결과를 확인했다.. 파폭인지 IE인지 구분해주어야해서 소스를 추가했는데 document.all 이다. all element는 IE에서만 존재하는 것이므로 IE일 경우는 1이된다. var temp = now.getYear(); var year = temp; var ie = (document.all)?1:0; if( ie == 0) year += 1900;
jQuery를 이용해 radio 버튼 유효성 검사 해보기. 위와 같은 그림이 있는데 - 직장/집 을 선택하면 주소를 넣어야하고, 수신거부를 선택하면 패스되는 유효성 검사를 해보려하는데 - html을 이용한 for문을 사용한 것, jQuery를 이용하는 것 2가지를 비교해보면.. if(frm.p_addressGubun.length > 0){ var b = 0; for(var i=0; i 0){ if($j(':radio[name="p_addressGubun"]:checked').length < 1){ alert("주소 구분을 선택해 주세요. 주소가 없는 경우 수신거부를 선택하십시오."); return false; } }else if($(':radio[name="p_addressGubun"]:checked').val() != 3 && frm.p_zipCode.valu..