[ Web ]76 CSS TIP 레오나토 이야기 | 나토님 http://blog.naver.com/leonato/110013016174 CSS Reboot 프로젝트 SitePoint에서 출판한 책들의 샘플 pdf 파일들 min-height속성을 퍼센트로 지정할때? text-shadow를 지원하는 브라우저 CSS 에디터, TopStyle css의 선택자에서 특정 ID와 특정 class를 동시에 만족하도록 선택하는 방법은? Ul에서 블릿의 위치는 조절할 수 없나요? 혹시 print용 CSS 파일을 제작해보신 경험이 있나요? 중첩div일때의 정렬 컨텐츠 양 쪽 나누기 [질문] css 로 영어와 한글 혼용시 다른 폰트 적용하기 [질문] 세로1px 짜리 선을 두개붙여서 표현하고자할때;는 어떻게할까요; 영문과 한글에 다른 폰트를 각각 지정해 줄 .. 2012. 9. 12. submit 이미지 버튼 bad design | 나쁜걸 http://blog.naver.com/bad0242/120012417144 일반 submit버튼 이미지 submit 버튼 2012. 9. 12. 폼의 탭키 순서를 지정하기 사용자가 각각의 폼 요소를 입력할 때 그 이동을 마우스로 하는 사람도 있지만 키보드를 즐겨 사용하는 사람들은 "탭(Tab)"키로 이동을 많이 한다. 만일 각 폼 요소의 탭 순서를 지정해 주고 싶다면 HTML 4 이상에 도입된 TABINDEX 속성을 이용하면 된다. 아래 첫 번째 입력 상자에 마우스로 포커스 시킨 후 "탭" 키를 눌러보기 바란다. 왼쪽 위, 아래, 오른쪽 위, 아래 순서로 이동이 되는 것을 확인할 수 있을 것이다. 위 예제에 대한 HTML 코드는 다음과 같다. 위에서 사용한 TABINDEX 속성은 인터넷 익스플로러 4 이상, 넷스케이프 6 이상에서 사용할 수 있다. 혹 넷스케이프 4 에서도 이 기능을 사용하고 싶은 경우는 별도의 방법을 이용해야 한다. http://korea.internet.. 2012. 9. 12. style="position:relative"를 쓸때 유의점 카페 > Coder_Club | nothinking http://cafe.naver.com/nothinking/64 위와 같이 코딩을 했을 때 block02의 위치와 event.x의 값은 무엇일까? block02의 위치는 block01의 left-top이 기준이 되어서 그 기준점으로 부터 가로 10, 세로 10 픽셀 떨어진 지점부터 위치하게 됩니다. event.x의 값도 마찬가지로 block02의 모서리점을 기준이로 값을 나타냅니다. 이는 아주 유용한 기능입니다. 영역 계산이 아주 용이하기 때문입니다. 하지만 relative블럭 안에서 window를 기준으로 event.x의 값을 알고 싶을 때는 문제가 생길 수도 있습니다. 여기에 대한 해결책은 아직 모릅니다. 아시는 분은 코멘트를 달아주세요~^^ 2012. 9. 12. position:absolute 와 relative의 다른점 카페 > Coder_Club | 달려라 http://cafe.naver.com/nothinking/120 absolute에서 style.right는 블럭의 오른쪽으로부터의 기준이고 relative에서의 style.right는 블럭의 왼쪽을 기준으로 음의 방향으로 움직인다. 즉 style.left를 - 방향으로 움직이는 것과 같다. 한 블럭에 relative속성을 가진 개체가 있으면 top정렬이 된다. 2012. 9. 12. 팝업창 - 하루동안 팝업창 띄우지 않기 ★날아라응가(똥)의 신나는 블로그★//리플남겨주삼~ | 날아라똥 http://blog.naver.com/jeeko2/40007435982 팝업창 - 하루동안 팝업창 띄우지 않기 ▶ 하루동안 팝업창 띄우지 않기 소스예제1 (부모창인 index.htm에 삽입) (팝업창인 pop.htm에 삽입) 다음부터 이 창을 열지않음 ▶ 하루동안 팝업창 띄우지 않기소스예제2 (부모창인 index.htm에 삽입) (팝업창인 pop.htm에 삽입) 다시 팝업 안뜸 2012. 9. 12. 팝업창 띄우기!! 메인창 소스 body 태그 안에 onload 이벤트를 걸어줍니다. 페이지가 load 되면 저 스크립트를 실행하라는 거죠.. 해당 자바 스크립트 함수로 가서 새 창(window.open)을 띄우게 됩니다.. open 메서드의 속성들은.. 맨첨에 팝업으로 띄울 페이지 주소를 적어줍니다. (상대경로나 절대경로 모두 가능합니다) 다음 속성은 팝업창 이름? 정도로 생각하시면 됩니다. 눈에 보이는건 아니니 아무거나 적으시면 되요 다음 속성은 좀 긴데.. 팝업창 설정 하는것 정도로 이해하심 되요.. 팝업창 너비, 높이, 창이 뜰 위치, 스크롤바 사용여부, 주소표시줄, 상태표시줄, 메뉴바, 사이즈 조절...등등 팝업창을 설정할수 있습니다. 위의 설정은.. 가로 세로 크기가 100 인 왼쪽 맨 상단에 나타나게 됩니다. .. 2012. 9. 12. 웹브라우져_창 흔들기 The Blue n the Panzer | 소시민 http://blog.naver.com/boxer_c/120026355744 Link1 Link2 ## 약하게 흔들기 ## 강하게 흔들기 2012. 9. 12. 마우스오버시 새창 아웃시 사라지는 소스 디자인수집터 | 올리브 http://blog.naver.com/funolive/120033772725 마우스 커서를 여기에 올려보세여 2012. 9. 12. 정규표현식 참고 테이블 ysg999님의 블로그 | ysg999 http://blog.naver.com/ysg999/140035578680 제작일 2004년 2월 제작자 유섭교 (ysg999@naver.com) Javascript RegExp 사용을 위한 설명 1. Special characters in regular expressions(정규표현식의 특수문자) Character 의미 \ 역슬러쉬는 특수 문자와 일반 문자를 표현한다 예) /b/는 말 그대로 비교되는 문자열의 b 만을 의미한다. 그러나 역슬러쉬를 쓰게 되면 말은 틀려진다. /\b/는 backspace 를 의미한다. 자바스크립트에서 /\t/, /\n/,/\s/ 텝,엔터,스페이스 등등 여러 가지가 있다. 그래서 특수 문자와 일반문자의 구별에 쓰이게 된다. ^ 대상 문.. 2012. 9. 12. 정규표현식 Crazy AengDol2 | 앵돌 http://blog.naver.com/baedung2/10004803210 출처 : http://www.cginjs.com 정규 표현식(Regular Expression) 이란? 문자열에서 특정한 캐릭터 조합(character combination)을 찾아내기위한 패턴(pattern)입니다. 특정 문자나 문자열로 문자열을 다루는 것에 문자뿐 만이 아니고 특수 문자로 다룰 수 있고 이들을 조합하여 다룰 수 있는 조건식(pattern)을 제공하여 더 세밀한 방법으로 문자들을 검색할 수 있게 합니다. 쉽게 문장에서 특정한 단어를 찾아내는 것이라고 생각하시면 될 것 같습니다 정규 표현식(Regular Expression)은 Perl,PHP 등의 Server Side 언어에서.. 2012. 9. 11. 텍스트 박스 숫자 입력시 콤마 찍기 내 꿈을 향해... | 돌아삐리 http://blog.naver.com/kazena/130003072209 ==================================================================================== 2012. 9. 11. 키보드의 키코드(keycode) 값과 키 입력제어 くまのStudy | 곰탱이 http://blog.naver.com/dbwpsl/60035854355 익스플로러 넷스케이프 document.captureEvents(Event.KEYDOWN) document.onkeydown = keyDown function keyDown(e) { var keycode = e.which var realkey = String.fromCharCode(e.which) alert("키코드값:"+keycode+"\n실제 키값:"+realkey) } 2012. 9. 11. 소수점 두 자리까지 var str = "12.3456"; var num = parseFloat(str).toFixed(2); 2012. 9. 11. 아이프레임 사이즈 자동조절 Humiliation of defeat | 슈히 http://blog.naver.com/xeoiel/100036577308 클라이언트들이 자주 요구하는 작업중에 하나입니다 페이지에서 다른곳으로 이동을 할떄 메뉴부분들은 남기고 메인쪽 내용만 바뀌게하는거죠 그럴땐 아이프레임을 쓰면 됩니다만 메인프레임들의 위치,, 특히 높이길이가 다를때 대략난감 상황에 빠지게 되는 부분입니다 아래는 그 아이프레임들을 각각 사이즈를 자동으로 조절할수 있게 해주는 예제입니다 유용히 쓰세요 ^^ ps : 링크페이지의 주소를 실제존재하는 주소로 적어주세요 아래 그림의 페이지 일부소스를 옴겼습니다 우선 요스크립트를 선언해주구요 다음에 링크걸 그림들 2개 입니다 그리고 페이지가 나타날 아이프레임 입니다 처음에 src주소가 있는 이유는 .. 2012. 9. 11. 파일업로드 중 진행바 띄우기 (프로그레스바 생성) 세상을 다 가져라~ | 착한사랑 http://blog.naver.com/totaldb/60022053927 //파일업로드 중 진행바 띄우기( 프로그레스바 생성 ) 2012. 9. 11. 이전 1 2 3 다음