웹사이트 제작을 utf-8 환경으로 제작하다 보니 url에 한글이 들어가 있을 경우 IE계열에선 문제가 발생한다. http://www.abc.com/board.php?w=검색어 이런 url이 있다고 하면 검색어 부분이 제대로 넘어가지 않아 문제가 발생하는데 이걸 해결해기 위해 아래의 함수를 만들어 봤다. 아직 완벽하다고는 할 수 없고 좀 더 테스트하고 수정을 해야할 것이라 생각한다. <?php function goto_url($url) { $url = str_replace(“&”, “&”, $url); $p = parse_url($url); parse_str($p[‘query’], …
모바일 사이트 작업 중에 html 소스 코드를 보고 싶을 때가 많아도 너무 많은데.. 어플도 여러개 설치를 해봤지만 지금 이 방법이 가장 좋은 것 같다. 안드로이드용 구글 Chrome 브라우저를 설치 후 주소에 아래처럼 입력하면 된다. view-source:https://chicpro.dev PC환경만큼 편하다고는 할 수 없지만 코드가 제대로 작동하는지 알 수 있는 정도로 사용하는 것은 좋을 것 같다. 집에 와서 Firefox 설치 후 …
작업을 진행하다 보면 필요한 것이 계속해서 생겨나게 마련이다. 오늘 같은 경우는 에러 메세지를 보여주기 위한 요소를 동적으로 생성하고 문서 내 위치를 해당 요소로 이동시키는 것이 필요했다. 문서 내 이동은 잘 아는 것처럼 <a name=”이름”></a> 이런 식으로 지정할 수도 있고 특정 요소에 id를 지정하고 문서 URL 끝에 #id 를 붙여서 이동시킬 수가 있다. <script> var msg_el = …
jQuery .data()를 이용해 텍스트 노드를 포함한 엘리먼트의 기본 폰트 사이즈를 저장해놓는 코드이다. 이 값을 이용해 문서의 폰트 사이즈 변경에 사용하면 폰트 사이즈 변경으로 인한 상속의 문제도 해결할 수 있을 것이라 기대가 된다. function save_default_font_size($el) { $el.each(function() { // 텍스트노드 있는지 체크 var text = $(this).contents().filter(function() { return this.nodeType == 3; }).text().replace(/s*/, “”); if(text.length) { $(this).data(“fs”, $(this).css(“font-size”)); } …
특정 스킨 디렉토리에서 css 파일을 얻어서 문서 로드시에 코드를 css 로드 코드를 출력해주는 함수이다. 많이 사용할 기능은 아니지만 스킨이 존재하고 스킨의 제작자가 다를 경우 css 파일의 이름도 다를 수가 있는데 이런 경우에 사용하면 도움이 될 수 있을 것이라 생각한다. 현재 제작 중인 솔루션에 적용하기 위해서 만들었다. <?php // 스킨 style sheet 파일 얻기 function get_skin_stylesheet($skin_path) { if(!$skin_path) …