IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 기존에 사용하던 컨트롤들(레이블(label), 인풋(input), 서브밋(submit) 등등)의 기능도 살짝쿵 업글되고 CSS3도 이쁘게 바꼈습니다. 1.기존 컨트롤들일단 기존 컨트롤들을 추가해 봅시다. Name: E-mail: Phone: Callback on: Priority: 여기서 잘 보아야 ..
IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 HTML5에서 눈에 띄게 달라진것들중 하나가 비디오재생과 같은 멀티미디어 기능이 태그로 가능하다는 점입니다. 태그 한줄로 재생되는 동영상 1. 지원되는 브라우저기본적으로 HTML5를 지원하면 동영상 태그는 먹히지만 재생될지는 알수 없습니다. 왜냐하면 익스플로러와 사파리는 H.264표준만 지원하기 때문..
IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 HTML코드는 이전글을 참고 하세요. 샘플코드를 실행하면 다음과 같이 표시 됩니다. 1.전체 선택자(Universal selector)문서의 전체를 나타네는 별(*)입니다. (참고 : W3C - 6.2. Universal selector) * { font-family: Lucida Sans, Aria..
IBM에서 제공하는 강좌를 보고 정리한 내용입니다. IBM - HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 글순서 1.자주쓰는 태그 정리 [HTML5] 1-1. 문서에서 자주쓰이는 태그 정리 [HTML5] 1-2. 문서에서 자주쓰이는 스타일 정리(CSS) [HTML5] 2. 동영상 재생 [HTML5] 3. 기존 컨트롤들의 새기능과 새 스타일 적용 [HTML5] 4. 캔버스를 이용하여 이미지그리기 IBM의 디벨로퍼워크스는 정말 좋은 내용이 많습니다. 그것도 번역된걸로 말이죠 ㅎㅎㅎ 0.베이스 코드원래 IBM강좌에서 처럼 CSS를 분리하는 것이 좋습니다만....귀찬으니 하나로 하겠습니다. 이 베이스코드를 기준으로 한단계씩 CSS를 적용하여 문서에서 자주쓰는 CSS가 어떻게 정의하는지 알아보겠습니..
원래 케랙타셋(charset)을 utf-8로 잡으면 한글이 안깨저야 합니다만... 깨질때가 있습니다. 여튼 utf8이 안먹힌다라고 생각할때는 euc-kr로 해보면 보통 됩니다.
1. 구현 방법 흔히 글에 목차가 필요하면 a태그를 이용하여 특정 줄로 바로 갈 수 있는 기능을 넣습니다. 이 기능은 a태그에서 목표 위치를 '#[id]'로 넣으면 본분에서 'id'로 되어 있는 요소를 찾아 스크롤이 동합니다. 2. 구현해 보기 HTML파일을 만들어 아래처럼 구현합니다. 1번으로 가기 ... 중략 ... 1 2 3 HTML5 이전에는...... HTML5에서는 'name'이 아니라 'id'를 추적합니다. 그전에는 'name'을 추적했다는 것이죠. 3. 테스트 테스트를 위해 이 포스팅에도 ID를 넣어 놨습니다 ㅎㅎㅎ 여기 클릭하면 아래로 감 여기 클릭하면 위로 감 마무리 간단한 건데 가끔 까먹어 ㅡ.-;;
팝업 차단기능으로인해 이제는 거의 필수가된 레이어 팝업입니다. html에서 레이어사용을 일단 자제하는것이 맞습니다만...필요하다면이야 ㅎㅎㅎ;; 인터넷 뒤저보면 많은 코드들이 있지만 깔끔하게 정리된게 없어서 제가 쓰기위해 정리 하였습니다. 자바 스크립트 function LeyerPopupView(sDivName, nTop, nLeft, nHeight, nWidth) { /* 레이어 팝업을 띄웁니다. 팝업의 크기는 내용물의 크기에 영향을 받습니다. 그렇기 때문에 내용물에 따라 정확하지 않은 크기가 적용될수 있습니다. 매개변수 sDivName : 레이어 팝업으로 쓸 div id nTop : 팝업의 세로 위치 nLeft : 팝업의 가로 위치 nHeight : 팝업의 세로 크기 nWidth : 팝업의 가로 크기..
각종 파일 참조 및 링크에러 관련 에러를 막아주는 우리의 크로스도메인님 플래시와 실버라이트 개발자에게는 필수 파일입니다. 1. 파일 아래는 일반적인 크로스 도메인 파일입니다. 주로 URI 'http://localhost:2047/Service1.svc'에 대한 요청을 만드는 동안 오류가 발생했습니다. 적절한 상호 도메인 정책 없이 상호 도메인 경로의 서비스에 액세스하려고 했거나 SOAP 서비스에 적합하지 않은 정책을 사용하려고 했기 때문일 수 있습니다. 서비스 소유자에게 문의하여 상호 도메인 정책 파일을 게시하고 SOAP 관련 HTTP 헤더가 전송될 수 있도록 할 수 있습니다. 자세한 내용은 내부 예외를 참조하십시오. 요런 에러가 날 때 넣어주어야 하는 파일입니다. 2. 사용 방법 크로스 도메인 오류가 ..
1.특정 구역 복사 로 구역을 설정하여 그 구역을 선택 할수 있습니다.function SelectTable() { if (window.clipboardData) { //테이블을 선택하여 복사해준다. window.clipboardData.setData("Text", document.getElementById('DataCopy').innerHTML ); alert("복사되었습니다. 붙여 넣기 가능합니다."); } else { alert("사용하실수 없습니다. IE 로 접속해주세요"); } } 2.선택 컨트롤에 있는 내용을 선택 해줄수 있습니다. //formQuestion == 소속 폼의 이름 //txtInData == 컨트롤 이름 document.formQuestion.txtInData.select(); 3..
자바스크립트(Javascript)에서 배열을 문자열로 처리하는 방법입니다. 0. 예제용 배열 let strArray = new Array( 1111, 1234, '가나', 0.11, '다라', -1234 ); 1. 구분자 자동으로 넣기 자바스크립트 배열에 'join'(Array.prototype.join)은 배열의 값을 문자열로 변환하여 합쳐서 내보냅니다. (참고 : MDN - Array.prototype.join() ) let strTemp = strArray.join('/'); //슬러시가 구분자가 된다. //***** 출력 결과 ***** //strTemp : 1111/1234/가나/0.11/다라/-1234 응용 구분자를 넣지 않으면 배열에 있는 내용이 문자열로 변환된 결과가 나옵니다. //구분자를..