본문 바로가기

Lecture/Javascript-기초19

모바일 브라우저 체크 2012. 6. 29.
php + javascript 를 이용한 html5 video 자막 삽입 사실 자막을 입힌다기보다 레이어를 얹고 레이어의 투명도를 조정한뒤 그 레이어에 문자를 적어넣는 방식입니다. 물론 자바스크립트를 이용한 기술이긴하지만 기존에 setInterval등의 외부에서 작동되는식의 시스템콜을 방법을 활용한것입니다. 일단 자바스크립트만으로 파일을 읽는것 자체가 매우 위험한 요소이기때문에(엑티브x를 이용하지 않기위함) php를 활용하여 자막을 읽습니다. php를 활용한다는것자체가 서버쪽에 부담이 되긴하지만 자막이 그렇게 긴것도 아니고 루프를 한번만 돌면 끝나기때문에 그리 큰 문제는 아닙니다. 먼저 php 코드부분입니다. 2012. 6. 28.
자바스크립트를 이용한 CSS 제어 안녕하세요~ 오랜만에 글쓰는거 같습니다 ㅋㅋ 일주일에 한번은 꼬박꼬박 쓰는거 같은데 막상 쓸때는 항상 처음쓰는거같아요 ㅋㅋ저번시간엔 HTML객체를 마음대로 생성했었는데요 ㅎㅎ 이번에는 좀 더 재미있고 눈이 즐거운 CSS제어를 해보겠습니다.그전에 잠깐 CSS 에 대해서 알아보겠습니다. CSS란 cascading style sheets의 줄임말로 HTML 페이지를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다. 라고 네이버 백과사전이 알려줍니다. ㅋㅋ 무슨말인지 잘 이해가 안가실 분들을 생각해서 쉽게 얘기하면 CSS는 우리가 만드는 웹 페이지의 레이아웃, 디자인 요소에 많은 영향을 주는 일종의 언어라고 생각.. 2012. 6. 25.
javascript를 이용한 HTML객체 생성 안녕하세요. 시험기간이라 글이 좀 늦었습니다ㅠㅠ이번시간엔 제목 그대로 javascript를 이용한 HTML객체 생성을 해볼껀데요.document객체의 createElement()를 사용하여 새로운 Element를 만들어 보겠습니다.우선 소스를 보겠습니다. createElement의 (와 ) 사이에 추가할 객체의 이름을 넣어주면 됩니다. 위의 코드는 input을 생성한 코드입니다. 자 객체가 생성되었습니다. 이 코드를 입력한 뒤에 실행시켜 보시면 아마 아무런 변화가 없을겁니다.이것은 말 그대로 생성만 된 것이기 때문입니다. 정확히 말하면 생성한 뒤에 obj변수에 넣어준 것입니다.생성은 됐지만 사용할수가 없으면 아무런 소용이 없으니 이제 화면에 보여주겠습니다.다음줄에 아래 코드를 추가시켜 줍니다. docum.. 2012. 6. 17.