반응형
Iframe 편집모드 활성화
또는 2004.11.18
- 전산쟁이 꾸러미
- · 2016. 6. 14.
반응형
매시업 (mash up) 가온아이 기술연구소 이재경연구원 요새 매쉬업(MashUp)이란 말을 많이 듣는다.사전을 찾아보면 mash 는 '짓이겨서 걸쭉하게 만든 것' 이란 뜻으로요새 웹 2.0 이라는 단어와 함께 많이 사용되고 있는 Mash-up 이란 뜻은“별개의 컨텐츠를 조합하여 새로운 컨텐츠를 만들어 내는 것”을 말합니다. l 매쉬업의 개념매쉬업이란 인터넷상에서 제공되고 있는 다양한 서로 다른 서비스와 기능을 합치고 응용하여 새로운 서비스를 만들어 내는 것을 의미한다. 즉 서로 다른 웹사이트의 컨텐츠를 조합하여 새로운 차원의 컨텐츠나 서비스를 창출하는 것을 의미한다. 예를 들면 파란의 지도서비스에 다음의 뉴스서비스를 섞는 혼합서비스를 생각해보자. 이 경우 뉴스가 발생한 지역에 깃발이 표시되어어느 지역에..
PascalCasing (파스칼 케이싱) 클래스, 열거형, 이벤트, 메서드 등의 이름을 만들 때에는 대문자로 시작하는 변수명을 사용한다. 복합어일 경우 중간에 시작하는 새로운 단어는 대문자로 적는다. 예) UtilityBox, MainFrame CamelCasing (카멜 케이싱) 메서드의 매개변수의 이름에 적용되는데 첫번째 문자는 소문자로 시작하고 복합어 일 경우 파스칼 케이싱과 동일하게 적용한다. 동일한 이름을 가지는 두 항목을 구분하는 용도로도 사용한다. 예) utilityBox, mainFrame GNU Naming Convention Linux의 프로젝트들은 GNU Naming Convention이라는 형태의 명명법을 주로 사용한다. 모두 소문자를 사용하고 복합어 사이를 '_'를 사용하여 연결한..
@http://docs.tinyfactory.co/jquery/2012/08/11/text-overflow-ellipsis-using-jquery.html 스타일을 이용한 문장 줄이기한줄인 경우 아래와 같이 적용 여러줄인 경우 또는 wrap 된 경우 위와 같이 해선 안된다.CSS를 이용한 방법이 있지만 모든 웹브라우저에는 적용이 안된다 결국 js 를 이용해야 하는데 아래의 코드를 이용하면 된다. /* this is a one line ellipsis */ Lorem ipsum dolor sit amet, consectetur adipisicing elit/* this is a multiline ellipsis */ Lorem ipsum dolor sit amet, consectetur adipisicin..
링크포커스 rinkfocus 쉽게 개념을 설명하자면 링크영역을 점선으로 나타내주는 기술입니다. 이미지나 또는 폰트등 링크가 되있는 부분에 나타나죠. 디자인적인 면에서 없는편이 좋을 때가 많습니다. 이것을 없애주는 방법은 다양합니다. 1.특정링크만 없애주는 방법 이방법은 하나또는 그이상 원하는 부분만 링크포커스를 없애주는 방법입니다. 해당되는 A태그에 온포커스 onfocus='this.blur()' 이문장을 삽입하시면 됩니다. 예) 일반링크 표현 바로가기 온포커스 사입 바로가기 이런식으로 사용하실수 있습니다. 2.스타일 시트를 사용한 방법 이방법은 윗방법처럼 하나하나 감추지 않고 사용되는 전체문서에 통일적용하시고 싶으실때 유용하게 사용하실수 있습니다. 스타일시트에 아래소스를 삽입하시면 됩니다. 일반 링크포..
•새로운 노드 추가 : appenChild() - 새로운 노드를 생성하여, 하위 노드들 중에 가장 마지막에 추가 • 형식 parentsNode.appendChild(childNode); 참고) 새로운 노드를 추가하여, 위치를 결정할 경우 insertBefor() : 원하는 노드의 앞에 새로운 노드를 추가 ParentsNode.insertBefore(childNode,parentNode.lastChild); •하위 노드 제거 : removeChild() -없애려는 하위 노드를 넣으면, 삭제되는 노드를 결과값으로 반환 • 형식 odlChild = parent.removeChild(parent.firstChild); 참고)appenChild()와 removeChild()의 기능을 한번에 해결하는 메소드 - r..
버그인지 아닌지는 모르겠지만 jquery ui 의 datepicker 사용시연도와 월의 셀렉트박스의 크기 때문에 모양이 틀어져 보일경우jquery-ui-min.css (또는 해당 버전css) 에서.ui-datepicker select.ui-datepicker-year { width: 49%;}위부분을 찾아서 width 를 적절히 조절해준다.또 글자 크기를 변경 하고자 할 경우.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;}에서 font-size를 지정 해준다. 2014.08.05
Form을 이용하여 서버에 자료전송할 때 Ajax를 통해서 필요한 자료만 서버에 보내세요. 빠르고 다이네믹한 웹을 구현해 줄 것입니다. 이 곳에는 프로토타입 자바스크립트 라이브러리(Prototype 자바스크립트를 변형한다. * Ajax.Updater: 자료를 서버에 보내고 지정한 DIV에 있는 응답을 표시한다. Ajax.Updater 또는 Ajax.Request를 사용하기 위해서는 prototype.js를 해더에서 아래와같이 로드해야 한다. 다음으로, 간단한 html모양을 만든다. submit 타입이 아닌 버튼을 넣어야 하고, onclick 이벤트 핸들러를 function send() 변수를 사용하여 매우 간단하게 한다. Ajax.Updater 명령의 사용법을 살펴보자. updateDiv는 서버에서 돌려..
Enabling Rich Text Editing:Given a document, you can add the attribute "designMode" and set it to "on" to get an editable document. For example, in JavaScript, if you have an iframe with an id of 'edit', you can get its contentDocument and set designMode to "on" like this: document.getElementById("edit").contentDocument.designMode="on"; Right now, you can't completely turn off editing by setting..
getCookie(name)자바스크립트에서 쿠키불러오기name 은 쿠키변수명 //쿠키불러오기 function getCookie(name) { var Found = false var start, end var i = 0 ; // cookie 문자열 전체를 검색 while(i
function trim (strSource) { re = /^\s+|\s+$/g; return strSource.replace(re, ''); } function trim(ment){ var start; var end; for(i=0;i -1; i--){ mentcnt = ment.substring(i,i+1); if (mentcnt != ' ') { end=i; break } } str = ment.substring(start,end+1); if (str == ' ') { str = ''; } return str; } 2004.12.13
//쿠키저장function setCookie(name, value,expire,path) { path = (!path)?"/":path; var todayDate = new Date(); unixtime = todayDate.getTime(); if (value==null) { expire = 0; } if (expire != null) { extime = unixtime+(expire*1000); todayDate.setTime(extime); expiretime = " expires=" + todayDate.toUTCString() +";"; }else{ expiretime = ""; } document.cookie = name + "=" + escape(value) + "; path="+path+"..
또는 2004.11.18