Select 동시에 선택하기

극히 드문 경우이긴 하지만..
2개의 DropDownList가 있을 경우 하나를 변경하면 다른 하나를 같은 값으로 설정하는 경우가 있다.

간단한 건데.. 왜 머리를 안쓸까.. ㅠㅠ
Script
    
HTML


크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2014/09/16 10:33 2014/09/16 10:33
,
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/133

replace ...

난 Replace하면.. C#에서처럼 Javascript에서도 모든 것을 다 바꿔주는 걸로 생각했었다..

그러나... 실제 해본 결과.. 앞에 하나만 바뀌더군.. =_=;;

구글링결과.. 정규식으로 바꾸면 쉽게 해결된다고 한다.



    
    
    






크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2011/11/14 14:44 2011/11/14 14:44
, , ,
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/80

요즘엔 잘 안쓰긴 하지만..
가끔 Modal Dialog를 사용하는 경우가 발생한다.

var res = window.showModalDialog(url, args, "dialogWidth:" + width + "px; dialogHeight:" + heigth + "px; center=yes; resizable=no; status=no; scroll=no; help=no; ");

모 사용법은 간단하다.
url : 팝업창 주소
args : Arguments
그담 속성 값들..
res : 리턴 값..

근데.. args로 값을 넘길 때... 자리수가 4000자 조금 넘게 들어간다는 사실을 알았당..
보통.. 4천자까지 넣을 일이 없는뎅..
가끔 xml을 주고 받을 때가 있는뎅.. 이때는 당황스럽당..

그래서.. 부모창의 TextBox에 xml을 담고..  그것을 Modal Dialog에서 찾는 것이 더 낫겠다 생각했다.

일단 args 대신.. window 개체를 넘겨주자..
그리고 팝업창에서..

var Modal = {
    Arguments: function(){
        var arg = window.dialogArguments;

        var test = arg.parent.document.getElementById("txtXMLValue").value;

        alert(test);
    }
}
        
$(document).ready(function () {
    Modal.Arguments();
});        

뭐.. 얼추 이정도면 값은 확인 할 수 있다..

여기에.. jQuery로 찾고 싶을 경우..

var test = $("#txtXML", arg.parent.document).val();
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2011/09/27 18:39 2011/09/27 18:39
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/74

CheckBox Select All/Cancel All in Repeater

맨날 쓰는 것임에도 불구하고...
맨날 까먹는다.. 아.. 짱나..

이것보다 더 좋은게 있는거 같은데.. 찾기 귀찮다.. =_=;

var chkSelect = {
    IsChecked: function () {
        if ($("#chkAll").is(":checked")) {
            $("input:checkbox[id*=chkR]:not(checked)").attr("checked", true);
        } else {
            $("input:checkbox[id*=chkR]:checked").attr("checked", false);
        }
    }
}
아래는 방랑자님 블로그에서 퍼온것
http://enosent.tistory.com/33

이와 비슷한것들.. * 선택 설정 TAGET (id or name) 의 값이 init_param 인 것을 선택 - select box
$("#TARGET option[value='init_param']").attr('selected', 'selected');  
- check box
$("input:checkbox[name=TARGET][value=init_param]").attr("checked", "checked"); 
 
- radio button
$("input:radio[name=TARGET][value=init_param]").attr("checked", "checked");
* select 된 값 확인
$("#TARGET> option:selected").val()  
* check box 선택된 값 확인
$("input:checkbox[name='TARGET']").each(function(){      
    if(this.checked){             
        alert(''+ $(this).val());       // 선택된 값 
     } 
});
* check 여부 확인
 $("#TARGET").is(":checked"); 
* check 된 항목의 수
$("input:checkbox[name='EVAL_ITEM']:checked").length  
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2011/08/26 09:45 2011/08/26 09:45
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/64

jQuery ajax 사용하기..

1.   ajax (위키백과 출처)
ajax(Asynchronous javascript and xml)는 대화식 웹 어플리케이션의 제작을 위해 아래와 같은 조합을 이용한 웹개발이다.
  • 표현 정보를 위한 html또는 xhtml과 css
  • 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트
  • 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest(ajax 어플리케이션은 XML/XSLT 대신 미리 정의된 HTML이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다.

DHTML이나 LAMP와 같이 ajax는 자체가 하나의 특정한 기술을 말하는 것이 아니며, 함께 사용하는 기술의 묶음을 지칭하는 용어이다.
- 중략 -

모 이런 내용을 바탕으로.. jQuery에서  ajax를 사용한다는 건 비동기로 웹서버에 댕겨오거나 동적인 화면을 표현하기 위해 사용하는 거라 생각하면 편할 듯..

2. jQuery.ajax(settings)
ajax메서드 안에 settings에 파라미터를 넘겨.. 모든 것을 처리한다.
settings 파라미터에 들어가는 속성들을 웹에서 뒤져보면..
많은 속성들이 있는데.. 그 중 많이 쓰는 몇가지만.. 살펴보자.

  • beforeSend는 서버로 요청을 보내기전 호출한다.
    ex) TextBox에 있는 내용을 서버에 있는 값과 비교하기 위해서.. 호출 시 수정 못하게 readonly 속성을 적용한다는 등.. 서버에 보내기 전에 처리할 내용을 담는다.
  • success는 서버로 요청한 것이 성공했을 때 호출한다.
  • error는 서버로 요청한 것이 실패했을 때 호출한다.
  • type은 POST도는 GET 방식으로 넘길 것인지 설정한다.
    여기서 post 방식으로 넘어가는 데이터는 항상 utp-8로 인코딩되어서 서버로 전달된느 것을 잊지말자.
  • url은 이동할 페이지를 설정한다.
  • data는 paramter를 설정해주는 것으로 넘길 데이터를 설정해준다.

var Join = {
    $.ajax({
        beforeSend: function() {
            $memberID.attr("readonly", "readonly");
        },

        success: function(HttpRequest) {
            $memberID.removeAttr("readonly");
            oThis.IDCheckResult(HttpRequest);
        },

        error: function() {
            $memberID.removeAttr("readonly");
            alert("오류가 발생했습니다. 잠시후 다시 시도해주세요.");
        },

        type: "POST",
        url: "IDDupCheckOK.aspx",
        data: "memberID=" + escape($memberID.val())
    });
}
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2011/01/24 12:01 2011/01/24 12:01
,
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/50

jQuery 시작..

1. jQuery 참조
html의 head 부분에 아래와 같이 jQuery를 참조한다.
<script type="text/javascript" src="/Scripts/jquery-1.3.2.js" charset="utf-8"></script>

2. ready 메서드 선언
자바스크립트 어플리케이션은 DOM개체가 로드된 후 실행된다.
ready메서드는 DOM 탐색과 조작을 위한 준비가 됐다는 메서드이다.
그래서 ready메서드는 css 선언한 이후에 사용하는 것이 좋다.
쉽게.. 끝나는 부분에 사용하는 것이 좋다..
$(document).ready(
    function() {
       // 실행 할 메서드
        Join.Init();
    }
);

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by jincaesar

2011/01/24 11:24 2011/01/24 11:24
, ,
Response
No Trackback , No Comment
RSS :
http://jincaesar.maru.net/tc/rss/response/49