Loading...

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

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/    

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" ..

Ajax 요청 후, 다른 페이지 이동 후 뒤로가기 처리하기

아래 예제는 비동기 처리를 해당 화면에서 처리하게 되면, 브라우저에 내장이 되지 않아 브라우저의 뒤로가기 할 경우 방금 전의 과거 화면 상황으로 전환이 되지 않는다. 비동기로 해당화면에서 처리하고 나서 링크를 눌러 구글페이지로 이동한 다음, 브라우저의 뒤로가기 버튼을 누르면 이전 화면의 최종 화면 상황을 보는 방법을 아래와 같이 document.location.hash 를 이용하여 개발된 사항이다. 구글 페이지로 이동하고 뒤로가기 버튼을 누..

꺾은선 그래프 무료

http://people.iola.dk/olau/flot/examples/graph-types.html

jQuery 의 outerHTML() 플러그인

outerHTML 에 대한 함수 지원을 몇군데 브라우저에서 지원하지 않아 아래 처럼 플러그인을 사용하면 가져올 수 있다.출처 : http://boedesign.com/blog/2011/03/31/outerhtml-plugin-for-jquery//* * Full example here: http://jsfiddle.net/jboesch26/3SKsL/1/ */$.fn.outerHTML = function(){  ..

jQuery Twitter Search Plugin

사용법...적용사이트 : http://jquery.malsup.com/cycle/$('#twitter-widget').twitterSearch({ term: 'cycle plugin', title: 'Cycle Chatter', titleLink: 'http://www.twitter.com/shimjaewoon', birdLink: 'http://www.twitter.com/ shi..

트윗글 스크롤 내리면 다음 글 보여주는 방법

http://www.marcofolio.net/webdesign/jquery_quickie_unlimited_scroll_using_the_twitter_api.html이번 내용은 먼저 트위글 15개 리스트를 보여주고, 제일 하단의 글을 보고 스크롤을 선택하면, 16-30 개 사이의 리스트를보여주는 기술이다.  // Set the size for each page to load var pageSize = 15; // Username t..

RC4 Symmetric Encryption/Decryption

http://0061276.netsolhost.com/tony/rc4doc.html/* JQuery RC4 encryption/decryption * Copyright (c) 2009 by Tony Simek. * released under the terms of the Gnu Public License. * Email: tony.simek@gmail.com */ (function ($) { $.fn.rc4 = function (set..

trigger 를 custom event 에 추가하기

http://jqapi.com/#p=onAttach and trigger custom (non-browser) events.trigger 를 custom event 에 추가하기 <!DOCTYPE html> <html> <head> <style> p { color:red; } span { color:blue; } </style> <script src="http://code.jq..

[이론] javascript 패턴 사이트

http://addyosmani.com/resources/essentialjsdesignpatterns/book/ http://geekswithblogs.net/liammclennan/Default.aspx

table sort 알아보기

table sort 알아보기   http://tablesorter.com/docs/index.html   tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort ma..

구글위치추적 api

구글위치추적 api  http://code.google.com/intl/ko-KR/apis/gears/api_geolocation.html#example

jquery : 날짜 형식을 c# 문법과 동일하게 구현하기

http://www.heartysoft.com/formatting-javascript-date Using it is quite simple: var date = getDate(); var format = 'dd-MM-yyyy hh:mm:ss'; var formattedDate = $.format.date(date, format); alert(formattedDate); //al..

jquery ui 의 sortable 로 위아래 이동해보기

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>  <head>   <title> New Document </title>   <meta name="Generator" content="EditPlus">  ..

페이징 jquery

  http://egrappler.com/jquery-pagination-plugin-smart-paginator/   Smart Paginator is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very c..

listbox 의 선택한 값 UP,DOWN 또는 이관 및 삭제

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="..