프로그래밍/JavaScript43 [자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경 - #2 이번에는 프로토타입 수준의 코딩을 하겠습니다. 이번 포스팅을 제외하고 앞으로 2번정도(#4가 되면) 더 글을 남길까 합니다. 저도 구현하는 대로 포스트를 남기는 상태라 조금 미흡하더라도 너그러이 채찍질을... 앗 따거.. 그럼 일단 마크업과 CSS 를 보겠습니다. 따로 설명을 드리진 않습니다. 별게 없어서요. 그냥 스타일 시트와 HTML 뿐입니다. 마크업입니다.(소스코드는 하단 첨부파일로 대체 하겠습니다. 페이지 로딩이 너무 오래 걸리네요. syntaxhighlight가 힘들어 합니다.) ◀ ◀▶ 1/4 크게 마루 밑 아리에티분 류애니제 작지브리 스튜디오(일본)개 봉2010. 09줄거리10cm 소녀 아리에티, 마루 위 인간 세상으로 뛰어들다! 교외에 위치한 오래된 저택의 마루 밑에는 인간들의 물건을 몰래.. 2010. 12. 20. [자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경 - #1 이번 포스팅은 자바스크립트를 이용하여 사용자 보기(뷰)를 변환해서 보여주는 내용입니다. 마땅한 제목이 생각나지 않아서 포스팅 제목이 난해합니다. 추후에 바람직하고 간단한 제목으로 바꼈으면 합니다. 어떤분이든 제시 좀 해주세요. ^^;; 제목보다는 위 이미지를 보면 이해하기 쉽습니다. 각 리스트, 상세, 썸네일 보기 별로 모양이 달라지게 하는 내용입니다. "어~ 이거뭐야. 이거는 지금도 다 되고 있잖아~" 라고 하셔도 할말이 없습니다. DB에서 꺼내진 데이터를 각 스킨에 맞게 처리한 후 각 보기별로 display 속성을 제어해서 보여주면 되겠지요. 물론 대부분 작업이 그렇게 되어져 있습니다. 그런데 여기서는 DB에서 꺼낸 데이터를 JSON에 담아놓고 자바스크립트를 이용해서 선택된 보기에 맞게 모양을 바꾸려.. 2010. 12. 20. [자바스크립트 TIP] tbody.innerHTML 이 안된다고?? 스크립트 작업을 하다가 아무리 해도 안되는게 있어서 머리가 지끈거렸다. 그 문제의 녀석은 var l = document.getElementById("list"); var tbody = l.getElementsByTagName("TBODY"); var tr = tbody[0].innerHTML; var tmp = tr + "하하하"; tbody[0].innerHTML = tmp; 이 지극히 평범해 보이는 구문이었는데. 5번째 줄에서 스크립트 오류가 떨어지는 것이었다. 아~ 젠장 또 오타인가 하고 아무리 들여다 봐도 너무나 짧은 구문에 오타라고 찾아볼 수가 없었다. 뭐지뭐지.. 아무리 이리저리 고쳐봐도 안되는게 머리를 쥐어짜게 만들었다. 그런데 왠걸.. 문제의 해답은 너무나도 간단한 곳에 ㅡㅡ;; IE 에서.. 2010. 12. 17. 이전 1 2 3 다음
