본문 바로가기

Lect & Tip102

✈javascript location.href과 split()함수로 이미지 변경하기 2015.03.26 01:30 실제로 홈페이지를 개발하게 되면, 퍼블리싱과는 별개로 개발언어가 입혀지는 경우에 한 개의 소스 페이지로 파라미터값을 달리해서 다른 메뉴를 구성하게 되는 경우가 종종있다. 이럴 때 특정 이미지 혹은 특정 코드만 다르게 보여져야 하는 경우 개발자를 귀찮게 하기 싫으면 location.href를 이용하면 편리하다. 예시로 들 사이트는 종로구시설관리공단인데, 유지보수 의뢰로 담당부서의 전화번호를 페이지에 삽입해 달라는 의뢰가 들어왔다. 개발자들이 바쁜 관계로 개발을 거치지 않고 UI단에서만 처리한 소스이다. http://www.ijongno.co.kr/front/main/11 문화체육시설, 종로구민회관, 종로문화체육센터, 동무여성문화센터,청소년문화센터,삼청테니스장의 서브메인페이지에.. 2019. 8. 28.

-자바스크립트 link Canonical javascript createElement appendChild window.location.href 결론부터 말하자면 삽질이다.어느날 갑자기 구글 애드센스 광고가 뜨지 않길래 확인해 보니 개인도메인으로 설정된 무료 도메인의 루트 도메인에서 구글 애드센스 정책 위반이 떴다.무료 도메인은 내도메인.한국 의 주소를 사용했다.이게 해결이 안되면 광고를 게재할 수가 없단다.난감하게도...이 도메인 주소로 네이버 유입이 제법 있다.그래서 혹시나 301 redirection이라도 써 볼까 했지만 그럴 방법이 전혀 없다.돈을 쓰면 가능하겠지만...일단 새로 호스팅을 받지 않는다는 전제 하에 그렇다.그래서 궁리한 것이 내 도메인 한국의 단일페이지 수정에서 Canonical를 설정해주고, 자바스크립트 location.href로 리다이렉션을 걸어서 옮기는 방법을 생각해 봤다.결과는 앞서 말한 데로 삽질이고 실패다.물론 훌.. 2019. 8. 26.

~ + 인접 형제 선택자를 이용한 No javascript 토글 상세검색 화면 CSS만으로 퍼블리싱하기 ~ + 인접 형제 선택자를 이용한 No javascript 토글 상세검색 화면 CSS만으로 퍼블리싱하기 상세검색 버튼을 눌렀을 때 상세 검색용 옵션들이 보여지고, 상세버튼을 다시 한번 눌러서 토글하면 상세검색이 사라지는 것을 구현하려면 보통은 자바스크립트를 쓸 수 밖에 없다. 하다못해 부트스트랩을 사용한다고 하더라도, 간단한 토글 함수를 적용해야만 한다. 하지만 스타일 체크박스를 응용하면, 스크립트의 도움없이 상세 검색 토글이 가능하다. 원리는 checkbox의 인접 엘레먼트에 상세검색 영역이 놓이게 하는 것이다. input[type="checkbox"]+ 선택자는 인접형제 선택자기 때문에, label_text에 양보하고, input[type="checkbox"]~ 형제선택자를 이용해서 .styledBt.. 2019. 8. 16.

✈ [유틸팁] 울트라 에디터 32 FTP 계정 설정 파일 백업 울트라 에디터를 사용하다 보면 FTP로 직접 서버에 붙어서 코드를 수정하는 경우가 많은데, PC를 바꾼다던지, 다른 컴퓨터에서 작업을 한다던지 할 때 FTP정보를 다시 모두 입력해야 하는 번거로움이 있다. 이럴 때 FTP계정과 각종 환경 설정 파일을 백업해서 복구해서 쓸 수 있다면 유용할 것이다. 이런 정보를 담고 있는 파일은 간단하게 다음의 경로에 위치한 파일이다. OS:윈도즈 7 C:\Documents and Settings\ChoHJ\Application Data\IDMComp\UltraEdit\UEdit32.INI 2019. 8. 6.

✈ 웹접근성 앵커태그 A 에 onfocus hover 시각화 (점선테두리)가 나타나지 않을 때 해결법. 초점을 인지할 수 없는 링크 및 서식개수 웹 접근성 심사를 받다 보면, 전혀 예기치 못했던 부분에서 감점을 받게 되는 경우가 종종 있다. 팀작업이나, 예전에 다른 사업자가 작업했던 부분에서 너무나 도 기초적인 부분을 체크하지 못했던 경우에 종종 문제가 생긴다. 직접 했던 프로젝트라면 웹 접근성의 기본과 기초에 맞춰서 작업을 했을 테니 기본적으로 갖추었어야 할 부분인데, 남이 했던 것인데 "설마 이런 것도 틀리겠어?" 라고 생각하는 부분에서 문제는 발생한다. 다행히 위와 같이 초점을 인지할 수 없는 링크 및 서식 개수의 문제에 있어서 초점을 시각적으로 인지할 수 없는 링크의 경우 의도적으로 시각화를 날려 버린 경우가 아니라면, X가 아닌 △을 받긴 한다. 하지만 모든 심사관이△를 준다는 보장은 없다. 그리고 의도적으로 onfocus=blur();.. 2019. 8. 5.

- 자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트를 이용해서 일정한 시간 간격마다 혹은 일정한 시간이 지난 뒤에 특정 이벤트를 발생시키거나 동작을 취해야 할 경우가 종종 있다. 이럴 때 사용하는 자바스크립트 시간 함수가 바로 setTimeout()와 setInterval()이다. setTimeout(), setInterval()의 가장 큰 차이점은 한 번만 실행하느냐, 계속 반복적으로 실행하느냐의 차이다. 위의 두 예제처럼 단 한번만 적용하고 싶다면 setTimeout을 사용하고, 일정한 시간간격으로 반복 적용하고 싶다면 setInterval()을 사용하면 된다. setInterval에서 1000이라는 숫자는 밀리세컨드로 해당 숫자의 .. 2019. 8. 4.

이전 1 ··· 11 12 13 14 15 16 17 다음

티스토리툴바