본문 바로가기

프로그래밍/HTML _ CSS _ JavaScript

nodejs 채팅 데모. nodejs란? http://nodejs.org http://socket.io http://expressjs.com 3개를 이용. 채팅 구현. 얼마나 버틸지는 모르겠지만.. 이걸로 게임 서버 prototype 완성. 모바일도 보이게 하려고 하니 사이즈가 작아짐.. 데모 : http://taesuz.com:88 더보기
FCKEditor 2.6.6 http://ckeditor.com/ 현재는 CKEditor 로 바뀐 상황. 하지만 CKEditor 는 유료. 예전 버전인 FCKEditor 는 무료. 더보기
JQuery 와 다른 라이브러리 충돌시. http://docs.jquery.com/Using_jQuery_with_Other_Libraries Using jQuery with Other Libraries From jQuery JavaScript Library Jump to: navigation, search Contents 1 General2 Overriding the $-function3 Including jQuery before Other Libraries4 Referencing Magic - Shortcuts for jQuery [edit] General The jQuery library, and virtually all of its plugins are constrained within the jQuery namespace. As a g.. 더보기
JQuery 사용팁 모음. JQuery 를 사용하면서, 자주 쓰이고 제일 유용한것들(?) 정리.. 아마 이정도면 JQuery 로 왠만한건 구현 가능할듯? [code] //초기 실행 $(document).ready(function() { init(); }) //onclick 설졍 $('id').click( function(){ alert('click!!'); }) //onchange 설졍 $('id').change( function(){ alert('click!!'); }) //CSS변경 $('id').css('style', 'attribute'); //첫번째 tr를 빼고 전부 삭제 $('someTableSelector tr:not(:first)').remove(); //select 세팅 $("id option[value=Apple.. 더보기
Javascript Object Table 출처: http://www.jasko.co.kr/lesson/object_table.html#history%20array Anchor | anchors array | Applet | applets array | Area | Array | Button | Checkbox | Date | document | FileUpload | Form | forms array | frames array | Hidden | History | history array | Image | images array | Layers | layers array | Link | links array | location | Math | MimeType | mimeTypes array | navigator | Number | Option .. 더보기
JQuery 를 이용한 html와 script 와 분리 요새 prototype.js 를 이용해, javascript 를 깔끔하게, 효율적으로 만드는 방안으로 생각 하고 있는 도중, JQuery 를 알게 되었다. 그런데 이게, JQuery 예제를 이용하던 도중 이것을 이용하면, 디자이너가 HTML를 넘기면 id 및 name 를 세팅하여, 넘겨주면, 스크립트 작업 후 개발을 할때, 디자인이 수정되어도, 가공된 페이지에 변경 없이 작업을 할수 가 있다고 생각이 들었다. Greate!! 물론 prototype 를 이용해 할수도 있는데 흠.. JQuery 를 이용하면 좀더 효율 적으로 할 수 있다. taesuz.net 링크 보시다 시피, 분리가 될수 있다. html 디자인은 그대로 있지만, 링크나, 스크립트 제어 부분이 완전히 분리되어있다. 좀더 공부 하면, 보다 깔.. 더보기
팝업창에서 부모 창으로 포커스(Internet Explorer, FireFox) A.jsp 페이지에서, C.jsp 를 팝업으로 띄워야 하는데, 문제는 팝업을 띄운후 부모창에 포커스를 줘야 한다.. 근데 Internet Explorer 에서는 다음과 같이 해결 가능하다. window.onload = function init(){ var win = window.open("C.jsp", "c"); self.focus(); } 그러나 window.focus() 가 FireFox에서는 지원이 안된다.. 구글링을 해봤지만 답 없음.. 그리하여.. 꽁수를 찾아 냈다. window.blur() 옵션은 먹기에 window.blur()를 이용하였다. 우선 IE에서는 제대로 되는 위에 소스를 A에 박아주고, B더미 페이지를 만들고, B에서 blur()를 쓴후 C로 이동하는 방법.. 대략 3시간 헤맨듯... 더보기
팝업 같은 레이어 만들기. (투명 레이어 효과) 이번 프로젝트에 플래시를 쓰지않고 플래시와 같은 반투명 레이어를 만드는것이 이슈가 되서.. 한번 만들어 봤다.. IE/FF 모두 동작한다.. 흠... 간단한 예제는 그렇게 복잡하지 않지만.. 게시판 정도 붙이려면.. 노가다가 필요하겠는걸.. ㅡㅡ;; 아래 소스를 Editplus 나 기타 HTML 에디터에 붙여 넣고, 실행하면 동작 한다. 네이버 버튼을 누르면 팝업이 뜨고 팝업의 닫기 버튼을 누르면, 없어진다. 원리는 filter 옵션을 주어 반투명하게 만들고, 팝업을 띄우던 링크를 삭제 하고 숨겨져있던 레이어를 띄운다. 소스를 보시면 쉽게 아실듯.... 협찬 : (공식적이진 않음) 레이싱걸 구지성씨... 투명위에 뜨는 팝업.... 더보기
JSEclipse로 자바스크립트 애플리케이션 작성하기 (한글) JSEclipse... adobe에서 배포하는 아주 훌륭한 JS편집기이다. Eclipse에서 작업시에 편리하게 사용할수 있다. 설치 및 사용 설명은 IBM의 사이트 컬럼을 참조.. http://www.ibm.com/developerworks/kr/library/tutorial/os-eclipse-jseclipse/?S_TACT=105AGX55&S_CMP=EDU 더보기
self.close() 사용시 이 창을 닫으시겠습니까? 없얘기.. 출처 : http://cafe.naver.com/some8848.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=4 self.close(); 를 사용할시에 팝업이 뜨면서 예 아니오 버튼이 나오게 된다. 이것이 나오지 않고, 바로 닫게 하는 자바스크립트이다. [code type=javascript] if (/MSIE/.test(navigator.userAgent)) { if(navigator.appVersion.indexOf("MSIE 7.0")>=0) { window.open('about:blank','_self').close(); } else { window.opener = self; self.close(); } } [/code] 더보기

티스토리툴바