본문 바로가기

JavaScript

자바스크립트 텍스트 박스 마지막 글자에 커서 위치하는 코드 자바스크립트로 마지막 글자에 포커스 하는 방법입니다. 모든 브라우져에서 테스트해 보진 않았지만. 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.. 더보기
[Sharepoint 2010] SP.UI.$create_DialogOptions is undefined (IE7) IE7에서 SP.UI에 $create_DialogOptions이라는 객체가 존재하지 않는 경우. 오늘 우연히 테스트하다가 SP.UI 객체는 있으나, $create_DialogOptions 라는 객체가 없어서 Undefined를 뱉어내는 경우를 보게 되었다. 해당 문제는 페이지가 로드 될때 showdialog를 띄우려고 작성하였으며, IE 7에서 script 렌더링 속도가 늦어서 위와 같은 결과가 나타난 것으로 예상된다. 그래서 구글링하니 바로 나오는 해결 방법은 아래와 같다. ExecuteOrDelayUntilScriptLoaded(function () { // Code.... }, "sp.js"); sp.js가 재대로 로드되지 못하여 생긴 것으로 해당 js파일이 로드 된 후 실행하게 해 주는 역할을 한.. 더보기
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 사용 시 부모의 이벤트를 무시하고 싶을 경우. 즉 더보기