본문 바로가기

Script/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.. 더보기
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 사용 시 부모의 이벤트를 무시하고 싶을 경우. 즉 더보기
javascript iframe에 접근하여 iframe method call 너무 간단해서 이거 참 ㅡ.ㅡ;;; 중요한게. dom으로 잡아서. contentWindow로 잡으면 됩니다.!! 아래는 소스입니다. 여기는 head 부분 New Document 여기는 body 부분 여기는 iframe page 여기는 head 부분 New Document 감사합니다. 더보기
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.. 더보기