Loading...

긴 글자 ellipsis 사용하여 적용해 보기

    테이블 형식처럼 레이아웃을 만들때, width 넓이를 고정해서 그 넓이보다 긴 글자가 들어올 경우, width 넓이 이상의 글자는 숨겨놓는 방식으로 만들때 좋다. 우선 스타일 시트에서 text-overflow:ellipsis 는 ie 브라우저에서 작동이 된다. 나머지 부분은 크롬이나 파이어폭스를 위해 만든 것이다. 먼저 span 으로 최대 보여줄 넓이를 width 로 산정한 다음, 그 안에 div 태그를 통해 CSS의 ..

javascript 로 post 페이지 전송하기

  발췌 : http://motolies.tistory.com/313       /**************************************************     초기화     ***************************************************/     va..

동일한 node 의 xml 값을 c# 으로 출력해 보기

동일한 node 가 존재할 경우, childNode 함수를 통해 foreach 의 루프구문을 통해 데이터를 추출할 수 있다. <!--?xml version="1.0" encoding="utf-8" ?--><videos> <video> <title>The Distinguished Gentleman</title> <director>Jonathan Lynn</director&g..

SHA-256 암호화 javascript 로 제공

    SHA-256 Cryptographic Hash Algorithm 에 대한 암호화 값을 javascript 로 추출할 수 도 있다.     http://www.movable-type.co.uk/scripts/sha256.html     sha256 의 javascript 소스는 아래 git 에서 다운로드 가능 합니다.   https://github.com/..

2015.04.05 01:04

막대 그래프 bar chart c3js 알아보기

bar 차트 중에 제일 좋아 보인다. 마이너스 숫자도 잘 처리되어 있다.http://c3js.org/samples/chart_bar.html여기서 끝난게 아니다. 막대 그래프를 가져다 대면, 표 형식으로 보여주는게 매력이네요.코드도 구현하기 쉽다.이미 구현한 chart 객체를 호출하기 위해 간단하게 chart.load() 함수를 통해 그려지며,뭔가를 돋보이도록 1초 후에 그려지도록 하는 시뮬레이션을 하기 위해, 아래처럼 load() 함수 내부에 기술..

CRUD in Angularjs

아래 사이트에서 angularjs 코드를 봤지만, 크롬에서만 스크립트 오류 없이 잘된다. 아직 ie 11 버전에서는 .bind 라는 함수에서 오류 발생되어, jquery 버전과 angularjs 버전을 재확인해 봐야 할 듯 함. http://www.codeproject.com/Tips/872181/CRUD-in-Angular-js <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=..

json 으로 넘어온 string 값을 parseJSON 으로 json 객체를 만들고, 이를 for 문으로 추출해 오는 방법

  json 으로 넘어온 string 값을 parseJSON 으로 json 객체를 만들고, 이를 for 문으로 추출해 오는 방법   /********************************** example **************************************/   var base_url = 'http://people.cs.uct.ac.za/~swatermeyer/VulaMob..

아날로그 플레쉬 시계 소스

  아래 사이트에서 아날로그 플레쉬 시계 소스인데, 광고도 없고 해서 좋은 듯 싶네요. 날짜 값 부분은 php 로 날짜 값을 구현한 부분이 있어서 이를 javascript 에서 날짜 값을 가져와서 할당하는 부분만 약간 수정해서 첨부파일에 넣었고, 날짜 값을 형식에 맞게 추출하기 위해서 moment.min.js 파일을 새롭게 추가했습니다. 그 이외는 원본을 훼손한 부분이 없음을 밝힙니다. ^^   http://www.xorbin.c..

2014.12.31 12:40

javascript 로 ie 브라우저 버전 확인하기

  http://tanalin.com/en/articles/ie-version-js/   Such objects for versions of IE up to 10 inclusive are listed in the following table.   IE versions Supported standard object 10+ win..

2014.12.16 15:24

visual studio 2013 에서 node.js 의 hello world 만들어보기

아래 nodejs 사이트에 가서 윈도우 bit 별로 먼저 설치를 합니다. http://nodejs.org/download/ 아래 node.js tools for visual studio 에서 download 하여 설치하게 되면 visual studio 에 템플릿 11가지를 제공해 준답니다. https://nodejstools.codeplex.com/ 설치를 다 하고 나서, 설치 후, VS 2013 를 열어서 템플릿 중에 JAVA..

SVG 차트 라이브러리 – Chartist.js

반응형 웹디자인을 지원하는 SVG 차트 라이브러리 – Chartist.js 브라우저는 IE9이상에서 사용 가능합니다. 라이선스는 WTFPL..   http://gionkunz.github.io/chartist-js/getting-started.html    

jQuery 로 iframe 의 내부 값 가져오기

  jQuery 로 iframe 의 내부 값 가져오기   부모페이지   <html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta ..

iframe 을 resize 해주는 jQuery 구문

iframe 을 resize 해주는 jQuery 구문   <script type='text/javascript'>  $(function() {   $('#test2').load(function() {    $(this).css("height", $(this).contents().find("body").height() + "px"); &..

페이스북 연동 시, sharer.php 연동하기

      페이스북 연동 시, sharer.php  연동하기   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE> New Document </TITLE>  <META NAME="Generator" CONTENT=..

20 BEST FREE JQUERY PLUGINS - 2014.4월

20 BEST FREE JQUERY PLUGINShttp://templatespicy.com/20-best-free-jquery-plugins/출처..참 좋은 내용이 많다. 네이게이션을 스마트폰에서 볼 때 가독성 높게 만든 부분이 인상적이다.그리고 툴바 비슷한 기능도 제공한다. 툴바는 귀엽게도 라운드 처리 되어 있어서 귀엽다.For making your website more creative and innovative jQuery plugins fo..

jQuery PageNavigator

jQuery PageNavigator 샘플 예제이다.http://syakuis.github.io/demo/jquery-pagenavigator/demo.html

javascript design patterns

javascript design pattern 에 대한 설명을 한 o'reilly 출판사에서 만든 javascript design patterns 에 대해 온라인 상에 대 부분을 기술한 사항이다. http://js.do위의 사이트는 쉽게 자바스크립트를 온라인 상에서 테스트 할 수 있는 부분이다.http://addyosmani.com/resources/essentialjsdesignpatterns/book/IntroductionWha..

Ckeditor 에서 firefox 환경에 엔터 치면 두칸 나오는 부분..

 Ckeditor 에서 firefox 환경에 엔터 치면 두칸 나오는 부분..  사실 iframe 이나 frameset 안에 해당 페이지의 에디터가 뜨면 이것도 엔터 치면 한칸 나올지는 모르겠다. 지금 안에 있어서 두칸 나온다고 하는데… 흠..  http://dev.ckeditor.com/ticket/10598  ck editor in iframe in firefox inserts two line breaks and a nbsp on ente..

자주 사용하는 정규식 regex

 Preface Example:  ^.+@.+\\..+$   This code has repeatedly put myself to scare. Many people may also be such code to scare away. Continue reading this article will let you can also free application code like this. The text  Tutorial: regular expressio..

2014.04.07 15:50

jQuery custom content scroller

jQuery custom content scroller 국내에 적용한 사이트네요. 이쁩니다. http://www.maniagroup.co.kr/ http://manos.malihu.gr/jquery-custom-content-scroller/       http://manos.malihu.gr/tuts/custom-scrollbar-plugin/complete_examples.html  ..

2014.04.03 19:10

Iframe 높이 resize, 자동 높이 설정 방법

  아래 블로그 사이트 가면, iframe 사이즈를 자동 조절하는 부분을 알려줍니다. 보통 iframe 에 write 함수를 통해 값을 할당하는 방법이 사용되곤 합니다. 보통 src 경로가 아닌 값을 그냥 던지는 거죠. 그 부분은 이상하게 오픈 소스를 적용해도 높이 값을 제대로 가져오지 못하더군요. 하지만 아래 블로그 내용 대로 , f.contentWindow.document.body.scrollHeight 를 통해 높이 값을 가져올 ..

크로스 브라우저에서 xmlhttprequest 방식 호출 반환(cross domain)

  크로스 브라우저에서 xmlhttprequest 방식으로 호출하여 반환하는 값   This script demonstrates how to access resources that sits on a different domain. Example: siteA.com gets resource from siteB.com 다른 도메인간 자원을 접근하는 방법의 코드이다. 즉, siteA.com 에서 siteB.com 사이트를 호출하여..

JavaScript Date library 다국어 가능

  JavaScript Date library 이다. 다국어 별로 사용할 만하다.   http://code.google.com/p/datejs/    

jQuery : 아날로그 및 디지털 시계

  플레쉬 날짜 말고, jQuery 로도 간단하게 아날로그 시계를 만들수 있다.   http://momentjs.com/    

div 태그 screen 화면 중앙 center 에 보여주기

        아래 처럼 css 를 이용하여 div 태그를 스크린 화면 중앙에 위치하게 할 수 있다.   펌 : http://blog.daum.net/infominton/57     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm..

2013.08.30 13:50

A jQuery Tokenizing Autocomplete Text Entry

  강추         https://github.com/loopj/jquery-tokeninput http://loopj.com/jquery-tokeninput/    

2013.08.20 01:46

Edge.js - Running Node.js and .NET in One Process

Edge.js - Running Node.js and .NET in One Process Edge.js = Node.js + .NETc# 은 광대하며 다양한 어플리케이션에서 개발하는데 사용될 수 있는 static type 프로그래밍 언어 중에 가장 파워풀하다고 말씀드리고 싶다. node.js  는 javascript 플렛폼을 server side 단에서 실행하는 것을 의미하며, V8 자바스크립트 엔진 상에서 고성능 확장 가..

Edge.js: Run C# code from node.js 알아보기

Edge.js = Node.js + .NET Edge.js 는 하나의 프로세스에서 node.js 와 .net 이 운영게끔 해줍니다. node.js 에서 .net 함수를 호출할 수 있으며,.net 에서 node.js 함수 호출도 가능합니다. edge.js 는 CLR(Commmon Language Runtime) 과 V8 사이에 마샬링 데이터를 관리해 줍니다.  또한 하나의 스레드된 V8 와 멀티 스레드 CLR 의 스레드 모..

c# 과 JS 의 OOP 비교해 보기

public class Person { public string FirstName { get; set; } public string LastName { get; set; } public string GetFullName() { return FirstName + " " + LastName; } } var p = new Person { FirstName = "Jon", LastName = "Smith" ..

javascript 정규화 (많이 사용하는 패턴)

Perfect Javascript Form Validation using Regular Expressions.http://www.9lessons.info/2009/03/perfect-javascript-form-validation.html      //숫자1개, 소문자1개, 대문자 1개 이상 = 최소 6자리 조합      var input = "aB33322";  var re = /(?..