plming/HTML-Web(17)
-
반응형 웹 입력폼 코딩
반응형 웹은 PC용과 타 기기들을 고려한 코딩을 한 번에 한 곳에 몽땅 넣기 때문에 CSS에서 표시여부를 조정하게 되지만 폼 submit을 하게되면 해당 갯수만큼 Submit 되기도 한다. CSS에서 각각의 기기별로 class를 지정하면 해당되지 않는 경우에는 display가 none으로 처리되며 화면영역에서 사라지고, Script상에서도 감지되지 않지만 (visible은 단순히 보이지만 않는 것이므로 요건 아님) 소스보기와 submit에서는 사라지지 않는 경우가 있다. @media all and (max-width:480px) { .모바일용 { 블라블라... } .PC용 { display: none; } @media all and (min-width:481px) { ... } @media all and..
2015.05.25 -
반응형 웹 디자인
https://dark.enha.kr/wiki/%EB%B0%98%EC%9D%91%ED%98%95%20%EC%9B%B9%20%EB%94%94%EC%9E%90%EC%9D%B8 반응형 웹 디자인 [PNG image (369.44 KB)] 반응형 웹 디자인(Responsive Web Design)[1] 목차 1. 개요 2. 탄생 배경 3. 의미 4. 기법 4.1. 미디어 쿼리 4.2. 유동형 그리드 4.3. 반응형 레이아웃 4.4. 뷰포트 설정 5. 특징 6. 반응형 웹 디자인이 적용된 사이트 6.1. 모바일 페이지만 반응형으로 운영하는 사이트 1. 개요 ¶ 웹 디자인 기법 중 하나. 웹(Web)에 접속하는 디바이스에 반응하는(Responsive) 디자인(Design)을 말한다. 2. 탄생 배경 ¶ 과거정작 몇..
2015.05.19 -
iframe 내부항목 접근 시 액세스 거부되는 현상
iframe에서 접근한 웹페이지의 내용에 접근하기 위한 Code이다. 하지만, 동일한 서버에서 운영되는 웹페이지가 아닌, 외부의 다른 웹사이트라면 "액세스가 거부되었습니다." 라는 메시지가 출력되며 스크립트가 정상적으로 동작하지 않는다. 그 이유는 이렇다. 실행서버의 위치가 다른 웹페이지는 보안상의 이유로 접근이 불가합니다. http://www.abc.com/access.html 은 http://www.def.com/readit.html의 Object를 참조할 수 없습니다. www.abc.com과 www.def.com은 서로 다른 서버이기 때문입니다. 웹의 보안규약상 접근할 수 없도록 되어 있습니다. Object가 참조가능하다면 function도 참조가능해지며 참조가능하다는 것은 실행도 시킬 수 있다는 ..
2010.11.09 -
form enctype="multipart/form-data"
일반적으로 form 을 submit 하게되면, form안의 element들이 id 나 name으로 submit된다. submit을 받아 처리하는 action에 정의된 handler들에서는 request.getParameter( "xxx" ); 를 통해 값을 받게 되는데... 파일을 서버에 저장하기 위해서 -1 ) { String saveDirectory = config.getServletContext().getRealPath( uploadDir + "/education" ); File dir = new File( saveDirectory ); if( !dir.exists() ) dir.mkdir(); int maxSize = 10 * 1024 * 1024; DefaultFileRenamePolicy df..
2010.04.08 -
긴 글...일정 부분만 보이도록 하기...
말로 쓰려니...어렵구만...;;; 여기 긴 글~~~~~ 한 Cell에 들어가야 할 width는 정해져있는데... 문장이 길어지면...원하는 모양으로 표를 볼 수가 없다. div의 style에 보고자 하는 크기만큼 px 를 지정하면 실제 표시될 때는... 여기 긴 글~~~~~ 이 부분이 여기 긴 글~~... 요롷게 나오게 되어서... 일부 내용도 보여주고, 표도 멀쩡히 제 크기를 유지할 수 있다.
2009.05.15