GridPanel 내용 지우기 (clear contents in GridPanel)

Thu, 17 May 2012 10:50:27 +0900

//초기화 varfield_reset=function(){ gpSearchResult.clear(); 또는 msBBS_Manager.store.removeAll(); }

대용량 File Upload

Tue, 24 Apr 2012 13:19:57 +0900

소스: http://demo.initech.com/index.php?document_srl=2591ASP.NET Framework환경에서 Post 방식으로 파일을 업로드 할 수 있는 최대 크기는 기본적으로 4 MB.업로드 가능한 파일 크기를 조정하기 위해서서는 machine.config (혹은, web.config) 파일에서 속성 값을 변경해야함.아래에서 maxRequestLength가 바로 업로드 할 수 있는 파일의 크기 .......

파일 경로(Path) 추출용 내장 객체

Tue, 24 Apr 2012 13:12:19 +0900

소스: http://thankee.tistory.com/27기존의 프로그래밍에서는 파일의 경로부분을 얻기위해, split()나, mid(), right() 메서드 등을 사용하였습니다. 하지만 C#.NET에서는 Path객체를 통해서 확장자 부분만 얻기 외에 다수의 파일경로에 대한 처리를 지원하고 있습니다.1. 먼저 사용하기 위해서는 using System.IO;를 선언해야합니다. 2. Path객체를 특별히 따로 선언해서 사용하는 것이아니라, static 메서드를 활용하여 경로부분을 원하는데로 다룰 수 있게 됩니다.Path.ChangeExtension(string path) : 경로문자열에서 확장명 부분을 변경합니다.Path.GetDirectoryName(string path) : 경로문자열에서 파일이름을 제외한 경로부분(디렉터리.......

MultiSelect에서 선택항목 복사하기

Thu, 19 Apr 2012 09:31:02 +0900

<%@ Page Language="C#" %><%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>Ext.Net Example

body섹션(section)제목

HTML5문서는각기다른섹션들로구성된문서입니다.

HTML5에새롭게추가된섹션요소

section
article
nav
a.......

영현, 피아노 콩쿠르, 최우수상

Sat, 24 Mar 2012 14:09:04 +0900

[jQuery] 컬럼(column)이 여러개인 레이아웃(layout)

Tue, 20 Mar 2012 17:49:35 +0900

$(document).ready(function(){ $('.leftalign').css({'position':'absolute','left':'50px','width':'300px'}); $('.centeralign').css({'position':'absolute','left':'400px','width':'300px'}); $('.rightalign').css({'position':'absolute','left':'750px','width':'300px'}); });

[jQuery] 이미지 확대하기

Tue, 20 Mar 2012 15:10:51 +0900

$(document).ready(function(){ $('.smalla').hover( function(){ varimgname=$(this).attr('href'); $('.large').fadeTo("slow",0,function(){ $('.large').attr('src',imgname); }).fadeTo("slow",1); },function(){} ); });

[jQuery] News Scroller

Tue, 20 Mar 2012 13:56:09 +0900

Stylesmaketheformattingjobmucheasierandmoremoreefficient. Togiveanattractivelooktowebsites,stylesareheavilyused. ApersonmusthaveagoodknowledgeofHTMLandCSSandabitofJavaScript. jQueryisapowerfulJavaScriptlibrarythatallowsustoadddynamicelementstoiurwebsites. Notolyisiteasytolearn,butit'seasytoimplementtoo. jQueryisanopensourceprojectthatprovidesawiderangeoffeatureswith cross-platformcompatibility. jQueryhashundresofplug-instoextenditsfeatures. jQueryhelpsinincreasingin.......

[jQuery] Validation

Tue, 20 Mar 2012 11:14:11 +0900

$('.submit').click(function(event){ vardata=$('.userid').val(); //사용자가 입력한 ID를 if(validate_userid(data)){ //별도의 함수(validate_userid(data)로 검증한다 $('.userid').next().hide(); //그 결과에 따라 } //ID 입력 box 다음(next())에 있는 에러 메시지를 else{ //표시하거나 숨긴다. $('.userid').next().show(); } data=$('.password').val(); varlen=data.lenght; if(len<1){ $('.password').next().show(); } else{ $('.password').next().hide(); } data=$('.emailadd').val(); if(valid_email(data)){.......

[jQuery] 필드 비활성화

Wed, 14 Mar 2012 16:37:34 +0900

//HTML 파일

[jQuery] Select 값 확인

Wed, 14 Mar 2012 15:53:24 +0900

//HTML 파일 SelecttheFoodItem SelectaFood Pizza5 HotDog$2 Coke$1 FrenchFries$4 YouhavenotselectedanyOption

[jQuery] 체크박스 확인 및 계산 (checkbox)

Wed, 14 Mar 2012 15:00:02 +0900

//HTML 파일 Pizza$5
HotDog$2
Coke$1
FrenchFries$3
Selectatleastoncheckbox

//CSS 파일.label { float:left; width:120px; } .......

[jQuery] 입력 값 유효성 확인 (Validation)

Wed, 14 Mar 2012 14:19:07 +0900

//HTML 파일

EnterAge Onlynumeralsallowed

//css 파일.label { float:left; width:120px; } .infobox { width:200px; } .error { color:Red; padding-left:10px; } .submit { margin-left:120px; margin-top:10px; }//js파일 (숫자만 입력받을 때)$(document).ready(function(){ $('.error').hide(); $('.submit').click(function(event){ vardata=$('.infobox').val(); varlen=data.le.......

[jQuery] 필수 항목 입력 / Validation

Wed, 14 Mar 2012 13:27:34 +0900

//HTML 파일

UserID* Thisfieldcannotbeblank

//css 파일.label { float:left; width:120px; } .infobox { width:200px; } .error { color:Red; padding-left:10px; } .submit { margin-left:125px; margin-top:10px; }//js 파일$(document).ready(function(){ $('.error').hide(); $('.submit').click(function(event){ .......

[jQuery] 이미지 스크롤

Wed, 14 Mar 2012 11:06:02 +0900

img { position:relative; }$(document).ready(function(){ $('img').click(function(){ $('img').animate({left:600},'slow') $('img').slideUp('slow'); 또는 $('img').fadeTo('slow',0); 또는 $('img').animate({left:600,width:$(this).width()*2,height:$(this).height()*2},'slow') }); });$(document).ready(function(){ $('img').click(function(){ $('img').animate({left:600},'slow',function(){ $('img').fadeTo('slow',0); $('img').fadeTo('slow',1); $('img').animate({left:0},'slow') } ); }); });

[jQuery] 슬라이딩 효과

Tue, 13 Mar 2012 18:41:02 +0900

jQueryisanopensourceproject

ManipulatingDOMusingjQuery

$(document).ready(function(){ $('p#message1').css({'border':'2pxsolid','text-align':'center','font-weight':'bold'}).hide(); $('p#message2').css({'background-color':'#f00','color':'#fff','text-align':'center','font-weight':'bold'}).click( function(){ $(this).slideUp('slow'); $('p#message1').slideDown('slow'); } ); });

[jQuery] 말풍선 표시하기

Tue, 13 Mar 2012 18:11:23 +0900

//HTML 파일 Bold Italic //CSS 파일.buttons { width:100px; float:left; text-align:center; margin:5px; border:2pxsolid; font-weight:bold; } .hover { cursor:crosshair; color:Blue; background-color:cyan; background:url(ballon.jpg); background-repeat:no-repeat; background-position:bottom; } .showtip { display:block; margin:25px; }//JS 파일$(document).ready(function(){ $('.buttons').hover( function(event){ $(this).addClass('hover'); var$txt=$(t.......

[jQuery] 노드의 갯수 세기

Sat, 10 Mar 2012 09:42:57 +0900

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="EX02.aspx.cs"Inherits="EX01_2"%> 노드갯수세기

[jQuery] HTML Element 선택하기 (Custom Selector)

Sat, 10 Mar 2012 09:35:26 +0900

1. $('span:contains(Life)').addClass('Highlight'); --> Life 라는 문자열을 포함하는 element를 찾는다2. $('div:odd').addClass('Highlight'); --> 홀수번째(odd)의 element를 찾는다(짝수번째: even)3. $('p:eq(1)').addClass('Highlight); --> 두번째 Paragraph를 찾는다4. $('p'): HTML 파일내 모든 문단 Element 접근5. $('#ID'): Element ID가 ID인 Element 접근6. $('.ClassName'): Element의 Class가 ClassName인 Element 접근

[jQuery] 조건에 따른 에니메이션 적용

Fri, 09 Mar 2012 14:24:25 +0900

$(document).ready(function(){ var$firstPara=$('p').eq(1); $firstPara.hide(); $('a.more').click(function(){ if($firstPara.is(':hidden')){ $firstPara.fadeIn('slow'); $(this).text('readless'); }else{ $firstPara.fadeOut('slow'); $(this).text('readmore'); } returnfalse; }); });.fadeToggle().slideToggle()

[jQuery] Ext.NET에서 버튼 클릭시 동작 지정

Fri, 09 Mar 2012 12:48:13 +0900

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="MyTest.aspx.cs"Inherits="CH04_MyTest"%> <%@RegisterAssembly="Ext.Net"Namespace="Ext.Net"TagPrefix="ext"%>

[jQuery] 버튼 클릭시 타겟 오프젝트 숨기기

Fri, 09 Mar 2012 12:46:39 +0900

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="MyTest.aspx.cs"Inherits="CH04_MyTest"%> $(document).ready(function(){ $('#button1').click(function(){ $('#mydiv').hide(); .......

[jQuery] 폰트 크기 변경과 에니메이션 (increase font size and animate)

Fri, 09 Mar 2012 10:42:02 +0900

$(document).ready(function(){ var$speech=$('div.speech'); vardefaultSize=$speech.css('fontSize'); $('#switcherbutton').click(function(){ varnum=parseFloat($speech.css('fontSize')); switch(this.id){ case'switcher-large': num*=1.4; break; case'switcher-small': num/=1.4; break; default: num=parseFloat(defaultSize); } $speech.animate({fontSize:num+'px'},'slow'); }); var$firstPara=$('p').eq(1); $firstPara.hide(); $('a.more').click(function(){ $firstPara.animate({ opacity:'toggle', height:'toggle' },'slow'); var$link=$(this); if($link.text()=='readmore'){ $link.text('readl.......

[jQuery] Event Delegation

Thu, 08 Mar 2012 16:12:23 +0900

$(document).ready(function() { $('#switcher').click(function(event) { if ($(event.target).is('button')) { var bodyClass = event.target.id.split('-')[1]; $('body').removeClass().addClass(bodyClass); $('switcher button').removeClass('selected'); $(event.target).addClass('selected'); event.stopPropagation(); } }});

[jQuery] Table Row Color

Wed, 07 Mar 2012 14:18:21 +0900

Source: Packt Learning jQuery 3rd Edition $(document).ready(function(){ $('tr:nth-child(odd)').addClass('alt'); });또는 $('tr').filter(':even').addClass('alt');

[jQuery] CSS 적용하기

Wed, 07 Mar 2012 13:37:50 +0900

$(document).ready(function() { $('a[href^="mailto:"]').addClass('mailto'); $('a[href$=".pdf"]').addClass('pdflink'); $('a[href^="http"][href*="henry"]').addClass('henrylink');});

[Javascript] Class 바꾸기

Tue, 06 Mar 2012 15:17:23 +0900

window.onload = function() { var divs = document.getElementsByTagName('div'); for (var i=0; i

[jQuery] Full Calendar

Tue, 06 Mar 2012 14:20:50 +0900

소스: http://arshaw.com/fullcalendar/download/

[jQuery] DatePicker

Tue, 06 Mar 2012 14:16:34 +0900

소스: http://cuteclare.blog.me/80154844894<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%> <%-- --%>

TextArea

Fri, 24 Feb 2012 11:18:44 +0900

// 한글 입력시 이상하게 동작하는 경우stringstrNoticeIntro=Ext.Net.Utilities.EscapeUtils.Unescape(e.ExtraParams["NoticeIntro"]);

DateField

Fri, 24 Feb 2012 11:18:04 +0900

//휴지통 이미지//AAAA.cs 파일내// 날짜 제한: 내일 이후 선택 가능dfSurveyStartDate.MinDate = DateTime.Today.AddDays(1);

FileUploadField

Fri, 24 Feb 2012 11:09:15 +0900

int indexLastDot = strOriginalChoiceImageName.LastIndexOf("."); // 업로드된 파일명의 확장자 위치string strOriginalFileExtention = strOriginalChoiceImageName.Substring(indexLastDot + 1);strConvertedChoiceImageName = strSurveyID + "-" + strQuestionID + "-" + i.ToString().PadLeft(2, '0') + "." + strOriginalFileExtention;string strDir = Server.MapPath("~/UploadedImages/");X.GetCtl(ChoiceUpload).PostedFile.SaveAs(strDir + strConvertedChoiceImageName);

자바스크립트: 이벤트 처리하기

Fri, 24 Feb 2012 10:58:50 +0900

오라클 기간내(시작일-완료일 사이)인지 여부 확인 쿼리

Fri, 24 Feb 2012 10:56:38 +0900

string Query= @"select SurveyID from LP_Survey_list where (To_Char(Sysdate, 'yyyy-mm-dd') <= SurveyEnddate and To_Char(Sysdate, 'yyyy-mm-dd') >= SurveyStartDate) and surveyID='" + strSurveyID + "'";

Combobox와 Tooltip

Fri, 24 Feb 2012 10:54:16 +0900

//동적으로 아이템 추가하기r=newTableRow(); c=newTableCell(); Ext.Net.ComboBoxcbbLikert=newComboBox(); cb.......

HtmlEditor 의 툴바(Toolbar) 숨기기

Fri, 24 Feb 2012 10:51:53 +0900

.hide-toolbar .x-html-editor{ display: none !important;}

자바스크립트 호출하기

Fri, 24 Feb 2012 10:09:39 +0900

//닫기 버튼 클릭시protectedvoidCloseClick(objectsender,DirectEventArgse) { X.Js.Call("jsDropSurvey"); }protected void ImageClick(object sender, DirectEventArgs e){ string ImageFileName = ((Ext.Net.Image)sender).ImageUrl; string xSize = ((Ext.Net.Image)sender).Width.ToString(); string ySize = ((Ext.Net.Image)sender).Height.ToString(); string Method = "winopen('" + ImageFileName + "','" + xSize + "', '" + ySize + "')"; //X.Js.Call(Method); X.Js.AddScript(Method);}

메시지 박스 출력하기 (MessageBox)

Fri, 24 Feb 2012 10:07:51 +0900

X.Msg.Show(newMessageBoxConfig { Buttons=MessageBox.Button.OK, Icon=MessageBox.Icon.INFO, Title="응답미완료", Message="필수응답으로지정된질문에모두응답하여주십시요" });X.Msg.Confirm("작성완료",Message,newJFunction{Fn="fnCompleteWritingSurvey"}).Show(); varfnCompleteWritingSurvey=function(btn){ if(btn=="yes"){ //설문의상태를변경한다. document.getElementById("btnreadyToStartSurvey").fireEvent("onClick"); //location.href="../SurveyList.aspx"; } else{ returnfalse; } }

동적으로 생성된 컨트롤의 값 알기

Fri, 24 Feb 2012 10:07:14 +0900

stringtaAnswer=string.Concat("taAnswer",QuestionID); UserSelect=X.GetCtl(taAnswer).Text;stringrdChoice=string.Concat("rdChoice",QuestionID+"_"+j.ToString()); X.GetCtl(rdChoice).Checked=false; Ext.Net.ComboBoxcbbLikert=(Ext.Net.ComboBox)this.FindControl("cbbLikert"); stringselectedLikert=cbbLikert.SelectedItem.Value;

동적으로 생성된 버튼에 이벤트 추가하기

Fri, 24 Feb 2012 10:05:50 +0900

r=newTableRow(); c=newTableCell(); Ext.Net.ButtonbtnSave=newExt.Net.Button(); btnSave.ID="btnSave"; // 필히 지정, 속성 조회시 꼭 필요함 btnSave.Text="제출"; btnSave.Icon=Icon.ControlPlayBlue; btnSave.Width=Unit.Pixel(120); btnSave.DirectClick+=newComponentDirectEvent.DirectEventHandler(SaveClick); c.Controls.Add(btnSave); r.Cells.Add(c); protectedvoidSaveClick(objectsender,DirectEventArgse) { }

동적으로 이미지 추가

Fri, 24 Feb 2012 10:03:35 +0900

Ext.Net.ImageimgMandatory=newExt.Net.Image(); imgMandatory.ImageUrl="../Images/Icon352.ico"; imgMandatory.Height=Unit.Pixel(14); imgMandatory.Width=Unit.Pixel(14); imgMandatory.ToolTip="툴팁 텍스트"; c.VerticalAlign=VerticalAlign.Middle; c.Controls.Add(imgMandatory); r.Cells.Add(c);

동적 테이블 생성 (Dynamic Table)

Fri, 24 Feb 2012 10:02:48 +0900

TabletitleTable=newTable(); // 테이블 선언 titleTable.CssClass="cssMainTable"; titleTable.CellPadding=0; titleTable.CellSpacing=0; titleTable.Width=Unit.Pixel(1000); titleTable.HorizontalAlign=HorizontalAlign.Center; TableRowr=newTableRow(); // Row 선언 TableCellc=newTableCell(); // Cell 선언 // 제목 r=newTableRow(); c=newTableCell(); Ext.Net.LabellblSurveyTitle=newExt.Net.Label(); lblSurveyTitle.Text=SurveyTitle; lblSurveyTitle.Cls="SurveyTitle"; c.Controls.Add(lblSurveyTitle); c.HorizontalAlign=HorizontalAlign.Center; c.Height=Unit.Pixel(44); // = new.......

익스플로러 닫기

Fri, 24 Feb 2012 09:58:58 +0900

varjsDropSurvey=function(){ window.close(); };

Image Click 클릭시 새창 열기

Fri, 24 Feb 2012 09:52:21 +0900

//이미지 팝업var winopen = function (ImagePathandFileName) { //alert(ImageFileName.imageUrl); var string = ImagePathandFileName.imageUrl; //alert(string); var fileName = string.substr(24, 24); //alert(fileName); //window.open(fileName); var popup = "ImagePopup.aspx?ImageFileName=" + fileName; //location.href(popup); //alert(popup); window.open(popup)};

Checkbox 체크 개수 확인

Fri, 24 Feb 2012 09:46:20 +0900

var onCheck = function (checkbox, checked) { var tempMax = document.getElementById("taMultiSelectCount").value; var nCount, listComponent = new Array("cbChoice1", "cbChoice2", "cbChoice3", "cbChoice4", "cbChoice5", "cbChoice6"); for (var i = 0, nCount = 0; i < listComponent.length; i++) { var component = Ext.getCmp(listComponent[i]); if (component.checked == true) nCount++; } if (tempMax < nCount) { alert(tempMax + "개까지 선택가능합니다.......

Button 활용

Fri, 24 Feb 2012 09:36:59 +0900

...

ImageCommandColumn 사용

Fri, 24 Feb 2012 09:34:20 +0900

용의 꼬리보다 뱀의 머리가 낫다 ..

GridPanel 내용 지우기 (clear contents in GridPanel)

대용량 File Upload

파일 경로(Path) 추출용 내장 객체

MultiSelect에서 선택항목 복사하기

body섹션(section)제목

HTML5에새롭게추가된섹션요소

영현, 피아노 콩쿠르, 최우수상

[jQuery] 컬럼(column)이 여러개인 레이아웃(layout)

[jQuery] 이미지 확대하기

[jQuery] News Scroller

[jQuery] Validation

[jQuery] 필드 비활성화

[jQuery] checkbox 모두 체크 또는 언체크 (계산 포함)

[jQuery] Select 값 확인

[jQuery] 체크박스 확인 및 계산 (checkbox)

[jQuery] 입력 값 유효성 확인 (Validation)

[jQuery] 필수 항목 입력 / Validation

[jQuery] 이미지 스크롤

[jQuery] 슬라이딩 효과

[jQuery] 말풍선 표시하기

[jQuery] 노드의 갯수 세기

[jQuery] HTML Element 선택하기 (Custom Selector)

[jQuery] 조건에 따른 에니메이션 적용

[jQuery] Ext.NET에서 버튼 클릭시 동작 지정

[jQuery] 버튼 클릭시 타겟 오프젝트 숨기기

[jQuery] 폰트 크기 변경과 에니메이션 (increase font size and animate)

[jQuery] Event Delegation

[jQuery] Table Row Color

[jQuery] CSS 적용하기

[Javascript] Class 바꾸기

[jQuery] Full Calendar

[jQuery] DatePicker

TextArea

DateField

FileUploadField

자바스크립트: 이벤트 처리하기

오라클 기간내(시작일-완료일 사이)인지 여부 확인 쿼리

Combobox와 Tooltip

HtmlEditor 의 툴바(Toolbar) 숨기기

자바스크립트 호출하기

메시지 박스 출력하기 (MessageBox)

동적으로 생성된 컨트롤의 값 알기

동적으로 생성된 버튼에 이벤트 추가하기

동적으로 이미지 추가

동적 테이블 생성 (Dynamic Table)

익스플로러 닫기

Image Click 클릭시 새창 열기

Checkbox 체크 개수 확인

Button 활용

ImageCommandColumn 사용