Loading...

Javascript 의 this 키워드 사용법과 setTimeout 알아보기

javascript 에서 this 키워드는 기본적으로 전역 객체를 참조합니다. 그래서 this.변수에 값을 할당하면 전역 객체에 할당이 됩니다. 그리고 기본적인 setTimeout 으로 호출하면 기본적으로 this 가 전역객체를 바라봅니다.하지만 object 를 바라보게 this 를 조정할 수도 있는데 이때 bind, appy, call 함수로 object 를 넘기면 전역 객체가 아닌 object 의 객체를 바라봅니다.this.lu..

jQuery append 행추가 및 삭제

jQuery 행추가 및 삭제<button id='btn-add-row'>행 추가하기</button><button id='btn-delete-row'>행 삭제하기</button><hr><table id="mytable" border="1" cellspacing="3"> <tr> <th>제목</th> <th>일시<..

jQuery 에서 mouseover, mouseleave, click 함께 사용하기

on 함수를 통해 mouseover, mouseleave, click 함수를 함께 기술할 수 있다. 테스트는 여기서... http://jsfiddle.net/ZqfTX/ $('#bg').on({    mouseover: function(){        $(this).css({background: '#F93'});    },&n..

HTML5 web storage - Localdb.js 알아보기

HTML5 introduces the following two mechanisms localStorage: Stores data without any expiration date (만기일 없이 데이터를 계속 저장한다.) sessionStorage: Stores data for a specific session; the data will be deleted as soon as the session ends. (세션이 종료되면 ..

jQuery 로 iframe 의 내부 값 가져오기

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

알툴바 altoolbar 생성 자바스크립트 코드 제거하기

알툴바를 설치하면 모든 웹페이지의 닫는 head 테그에 아래처럼 script 태그 2개 를 출력한다. 이를 막을 방법도 없다. iframe 안에 있는 내용도 script 태그 2개를 출력한다. 어떻게든 본 페이지 및 iframe 안에 글도 태그를 넣기 때문에, iframe 안의 스크립트 내용을 지우기 위해서 script 태그를 삭제하는 방법 말곤 딱히 없다. 굵게 칠한 코드 부분이 알툴바에서 자동 생성한 스크립트 태그를 삭제하는 구문이다...

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(){  ..

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

jquery select 태그 관련 자료

  //value 값에 focus 지정하기$("#ddlListCount").val(RecordPerPage); //text 값에 focus 지정하기  $("select#ddlListCount option")   .each(function() { this.selected = (this.text == RecordPerPage); });       jQuery로..

jQuery Plugin 20가지 소개

펌 : http://blog.themeforest.net/resources/20-jquery-plugins-worth-implementing-into-your-themes/ It can be difficult to stay on top of the most recent and popular plugins available. Let us do the work for you. Any of these would be perfect for your ne..

2009.10.02 01:09

이미지가 포함된 콤보박스(COMBO BOX)

asp.net http://www.codeproject.com/KB/custom-controls/combobox_dropdownlist_img.aspx jquery http://marghoobsuleman.com/jquery-image-dropdown.

2009.08.31 02:39

jQuery 와 s3capcha 로 captcha 만들기

사용자가 위의 이미지 5개 중 하나를 선택하는 것이다. 먼저 위의 문장을 주고 선택하는 것이며, 윗 글자는 xml 에서 고치면 된다. http://www.codeproject.com/KB/validation/aspnet_capcha.aspx

POPUP 팝업 JAVASCRIPT 라이브러리 20개 공개

이 블로그에서 소개하는 20개 라이브러리는 다음과 같다.   1. Prototype Window  2. Simple Modal  3. Modalbox  4. Moodalbox  5. jqModal  6. Livepipe UI  7. Lightwindow  8. Submodal  9. Fa..

jQuery로 부른 아이디 객체 역으로 아이디명 빼오기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <..

2009.02.25 09:39

jQuery 1.3.2 릴리즈 - February 20, 2009

이번달에도 어김없이 버전을 올렸네요.. 변경사항이 영문이네요.  it does a little more, including: Elements Returned in Document Order .live() Can Now Prevent Bubbling :visible/:hidden Overhauled .height()/.width() Overhauled Selector Speed-up in IE .appendTo()/etc..

jQuery 초보자를 위한 비디오 강좌

jQuery를 설치하는 것에서 시작해서 selector, animation, moving element, toggle 등 여러 기법들을 스크린을 통해 하나씩 설명하고 있다. 영어로 되어 있지만, 화면에서 하나씩 타이핑하는 것을 보여주기 때문에 배우기가 비교적 손쉽지 않을까 싶다. 제목 또한 “완전 초보를 위한 jQuery (jQuery for Absolute Beginners)”이다. 발췌 :  http://capture.blog.the..

2009.02.14 15:47

jQuery 1.3 의 chm 파일 다운로드 하기

http://www.box.net/shared/iz7etn4kig  jQuery 1.3 버전에 대한 설명서이고요.  이는 chm 으로 되어 있어서 굳이 jquery.com 사이트에서 해당 api 를 찾을 필요 없이 즉각적으로 정보를 얻을 수 있어서 매우 좋네요. 아쉬운 것은 한글판이 없다는 거지만, 영어가 그리 어려지도 않고 간단한 예제 위주로 나와 있으니 쉽게 접근할 수 있을거라 생각이 들고요. 왠만하면 google.co..

2009.02.11 13:07

jQuery 를 이용하여 page slide 만들어 보자.

http://code.google.com/p/jquery-pageslide/ 위의 사이트에 가면 Featured Downloads 에서 해당 소스를 다운로드 받으시면 됩니다. 위의 기능은 먼저 위의 그림을 참고하면, original content 에서 특정 문장에 대해 설명이 필요한 부분이 있으면, 우측에 있는 secondart pane 에 해당 설명서가 보이도록 하는 기능입니다. 그리고 다시 원상태로 돌아가기 위해서는 or..