본문 바로가기

jQuery

jquery plugin 페이스북 스타일 링크 도우미 페이스 북처럼 URL이 입력되면 하단부에 이미지와 해당 페이지의 제목을 가져오도록 만들어봤습니다… 실력이 형편없어서.. 엉성합니다. 완벽한 제품도 아니고요… Textarea에 입력되는 키 값으로 처리해서.. 오류가 있습니다만… 그냥 이런식으로 한다라고 참고만 해 주십시오. plugin 부분의 스크립트입니다. (function($) { $.fn.GetPageInfo = function(settings) { var config = {"widht": "100", "height": "200"}; var UrlData = null; var Timer = null; if(settings) $.extend(config, settings); this.each(function(){ jQuery.support.cors =.. 더보기
Sharepoint 2010 (Fixed Width Master Pages with JQuery) 넓이 고정 시키기 SharePoint 2010의 경우 기본적으로 전체 넓이를 가지고 갑니다. 오늘은 전체 넓이 말고 고정 사이즈를 주고 핸들링 하는 방법에 대해서 작성합니다. 해당 문서는 제가 임의로 작업한 부분이라. 명확하지 않습니다. 그리고 s4-workspace 이름을 변경하여 작업하였으며, 이는 Sharepoint가 재대로 사이즈 조정을 못할 수 있음을 알려 드립니다. 적용 화면은 아래와 같습니다. V4.master 파일을 보시면 기본적으로 아래와 같은 구조입니다. ... Ribbon Contents... body Contents.... ... 위 구조에서 제가 변경한 부분은 아래와 같습니다. css body #ui-page-wrapper{ margin: 0px; padding: 0px; width: 900px; .. 더보기
Javascript, JQuery Xml Parsing (File, String) [Convert string to xml] javascript 혹은 jquery를 이용하여 xml 문서를 만드는 방법에 대해서 알아보도록 하겠습니다. 방법은 간단하며, javascript로 생성 시 xml selector에 대해서는 이번 시간에 설명하지 않도록 하겠습니다. xml document Script $(document).ready(function() { // Jquery call .get Method $.get("noname1.xml", function(xml){ xmlString = xml; }); // JQuery call ajax $.ajax({ type: "get" ,url:"noname1.xml" ,dataType: "xml" ,async: false ,success: function(xml, isSuccess){ alert(x.. 더보기
Javascript, JQuery preventDefault의 이해 javascript나 jquery 사용 시 부모의 이벤트를 무시하고 싶을 경우. 즉 더보기
jquery table row add and remove jquery를 이용한 테이블 로 추가 및 삭제... function fnAddRow(tbName) { try { // 테이블을 찾아서 로우 추가 var tbody = $('#' + tbName + ' tbody'); var rows = tbody.find('tr').length; var newRow = tbody.find('tr:last').clone(true).appendTo(tbody); fnControlInit(newRow, rows); // rno가 있으면 숫자를 입력 newRow.find("span[id^=rno]").html(rows + 1); // 해외 유학경험의 달력 필드가 있으면 이벤트 바인딩 newRow.find(":text[id^=txtStudyStartDate]").simpleDat.. 더보기
javascript jquery Plugin을 이용한 textarea 자동 사이즈 조정(auto resize) 참고한 플러그인은 아래와 같습니다. http://plugins.jquery.com/project/autogrowtextarea 샘플 소스는 아래에서 확인 가능합니다. http://www.technoreply.com/autogrow-textarea-plugin/ jquery.autogrowtextarea.js 파일은 아래 링크에서 다운가능합니다. http://plugins.jquery.com/files/jquery.autogrowtextarea.js.txt jquery 를 먼저 선언합니다. 그리고 페이지 안에 있는 모든 textarea에 대해서 자동 사이즈 조정 및 특정 아이디에 대한 사이즈 조정 스크립트입니다. html 페이지 내의 body 영역입니다. 그리고 선언한 jquery plugin 코드는 아래.. 더보기