본문 바로가기

프로그램/html/css

[JAVAscript] 팝업창 가운데 띄우기. 원리는 저번에 했던 DIV가운데 띄우기랑 같습니다. 전체창의 가로 길이(window.screen.width)와 세로길이(window.screen.height)를 구하고 그것을 반으로 나누어줍니다. 그리고 열고자 하는 창의 반값도 빼주면 가운데에 위치하게 됩니다. 원리는 같지만 자바스크립트에서는 %가 먹지 않아서 다시 한번 올립니다. 더보기
[JAVAscript] 사이트가 가운데정렬일때 DIV위치 지정. div를 이용하여 퀵메뉴나, 하단 상단 메뉴를 만들때, 가운데 정렬일때 브라우저 창에 따라 위치가 변경되는것을 잡아줘야 합니다. 근데 이게 맘대로 안되죠 ㅠㅠ 먼저 옵션값을 확인해보면 top은 브라우저의 상단에서부터의 거리이고 left는 브라우저 왼쪽부터의 거리입니다. 그럿다 보니까 가운데 정렬인데도 왼쪽과 상단에서의 거리에 만큼만 위치하게 되어서 브라우저 크기가 변하는거에 함께 변하지 못합니다. ㅠ 이걸 해결하는 방밥은 생각보다 간단한데요. 값을 퍼센테이지로 주는거에요. 그리고 마진값을 줘서 현재 위치에서 얼마정도까지 움직여 주는겁니다. 아래 소스를 잘 보시면 이해가 되실꺼에요 ^^ 하찮은 개발자다 보니 필력이 딸려서 쉽게 설명이 어렵네요. 나중에 포토샵을 잡을일이 생기면 그림과 함께 설명하겠습니다. ㅎ 더보기
[javascript]창닫기시 확인 안뜨게 하기. function closeMe(){   self.opener=self;   self.close();} 더보기
[javascript]몇초후에 이동 (함수 실행) * 함수 설명 - setTimeout 함수는 timeLimit 시간 후에 func 함수를 호출합니다. * 함수 원형 - timerID setTimeout ( func, timeLimit ) * 함수 인자 및 리턴 - func : 지정된 시간이 지난 후에 실행될 명령이나 함수 - timeLimit : 지정된 시간. 밀리초 단위 (1000 == 1초) - return : timer ID가 리턴된다. * 예제 코드 더보기
[javascript] <select multiple > 박스끼리 데이터 주고 받고 순서 변경하기 (+ 이미지및 디자인 파일은 함께 올리지 안아서 소스 그대로 이용이 불가능합니다. 상황에 맞게 수정해서 이용해주세요) 첫 화면 구성하기 아래의 목록에서 선택하여 추가합니다 상담중인 나의 고객 리스트 진행단계별 수속고객 현황 픽업 대기자 명단 Enroll 신청완료 Offer 접수 학비송금완료 COE 수령 홈스테이 신청자 및 디테일 수령자 나의 첫 화면의 목록 순서 설정 출처 : http://ngweb.tistory.com/89 http://blog.naver.com/jinhi21c/20047118736 더보기
[HTML] input type="file" 태그에서 "찾아보기" 버튼을 이미지로 대체하는 방법 모바일 페이지 작성중, 이미지 찾아보기가 길어져서 디자인이 구린거임. 그래서 이미지 등록 부분을 이미지화 할 필요가 있었는데. 외주 개발자가 "안된다", "불가능하다." 라고 했으나. 가능함. 아래 소스만으로도 충분. !! 출처 : http://itnpeople.blog.me/40100921559 더보기
[스크랩] 아이폰/아이팟 터치용 웹 애플리케이션 개발 팁 12개 Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와 견주어도 손색없을 정도의 풀브라우징을 지원하며, 작은 화면에서 효과적으로 컨텐츠를 조작 및 조회할 수 있도록 추가적인 특수한 API를 제공하고 있습니다. 지금부터 소개할 12가지 팁과 트릭은 기존의 사이트를 모바일 사파리에 최적화하거나, 새롭게 구축할 때 유용하게 사용할 수 있을 것입니다. 1. 관련 문서와 아이폰 시뮬레이터Peter-Paul Koch씨는 모바일 사파리를 가지고 연구하기 시작했을 무렵에는 그 어디에도 관련 개발 문서를 찾을수 없었다고 불평했습니다. 애플은 한참이 지나서야 모.. 더보기