본문 바로가기

Script

자바스크립트 텍스트 박스 마지막 글자에 커서 위치하는 코드 자바스크립트로 마지막 글자에 포커스 하는 방법입니다. 모든 브라우져에서 테스트해 보진 않았지만. IE 8,9, Chrome 에서 테스트 해 봤습니다. function focusCampo(id) { var inputField = document.getElementById(id); if (inputField != null && inputField.value.length != 0) { if (inputField.createTextRange) { var FieldRange = inputField.createTextRange(); FieldRange.moveStart('character', inputField.value.length); FieldRange.collapse(); FieldRange.select();.. 더보기
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 =.. 더보기
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 =.. 더보기
순수 javascript cross-browser ajax 구현 (Xmlhttprequest) jquery로 구현하게 되면 매우 간단하나.. 오늘은 샘플로 올려 놓고자 합니다.. 아래와 같이 구현하시면 될 것 같습니다. if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200){ alert(xmlhttp.responseText); } else{ //alert(xmlhttp.r.. 더보기
EXTJS Custom GridPanel Extjs 3.3.0 Custom GridPanel 해당 컨트롤을 만든 이유는 하나의 그리드 탬플릿을 만들어 놓고 여러개의 탭 페널에서 사용하기 위함. 아래 쪽에서 눈 여겨 볼 부분은 Store에서 defaultParam을 받아서 처리 하는 것. Loader를 바로 연결하여 처리한 것. 기본적인 설정을 다 해 놓은 것. 검색 툴바와 페이징 툴바를 연결해 놓은 것. 여기서 검색 툴바는 커스텀하게 만들어 놓은 것이라 찾아서 직접 만들어야 함. Ext.ns('Ext.ecm'); Ext.ecm.grid = Ext.extend(Ext.grid.GridPanel, { initComponent: function () { var config = { store: new Ext.data.JsonStore({ root: '.. 더보기
EXTJS Custom XmlTreeLoader ExtJs 3.3.0 Custom XmlTreeLoader 아래의 코드 중 손대야 하는 부분은 processAttributes 부분과 그리고 childnodes를 설정 하는 부분이다. xml 에서 만들어 놓은 attribute를 treenode attribute로 맞춰야 하며, childnode 설정 또한 그렇다. 아래는 custom xml treeloader Ext.ecm.XmlTreeLoader = Ext.extend(Ext.tree.TreeLoader, { XML_NODE_ELEMENT: 1, XML_NODE_TEXT: 3, processResponse: function (response, node, callback) { var xmlData = response.responseXML; var roo.. 더보기
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 사용 시 부모의 이벤트를 무시하고 싶을 경우. 즉 더보기