새창을 띄우고 기존 창을 닫기 위해

window.close(); 함수를 사용하게 되는데 이럴때  지금 보고 있는 창을 닫을지를 확인하는 경고창이 뜬다.

이 경고창을 띄우지 않고 현재 보고 있는 윈도우창을 닫을려고 할때 아래 소스를 사용하면 된다.


window.opener='nothing';

window.open('','_parent','');

window.close();

facebook 확산 캐싱 지우기


https://developers.facebook.com/tools/debug/og/object/

function fnSpecDpInit (text, order) {

var specTagObj = $('#specTagName' + order);

var specTagDpObj = $('#specTagDpName' + order);


specTagObj.on('keyup keypress', function(e) {

specTagDpObj.val(text);

});

}


<input type="text" style="width: 100%" onkeyUp="fnSpecDpInit(this.value, '<c:out value="${status.index +1}"/>');" />

1. radio 버튼 에서 체크된 값 가져오기


var mailTp = $('input:radio[name="mailTp"]:checked').val();



2. radio 버튼 값 체크하기


$('input:radio[name=mailTp]:input[value='+mailTp+']').attr("checked", true);





-----------------------------------------------------------------


...


<tr>

<td WIDTH="13%" class="tb_brw_tt">메일</td>

<td WIDTH="20%" class="tb_w_tt" colspan="3">

<input type="radio" name="mailTp" value="01"> 발송

<input type="radio" name="mailTp" value="02"> 미발송

</td>

</tr>



...


-----------------------------------------------------------------






radio, checkbox 값 check 


$("#open2").attr("checked", 'checked');

$("#emailChk").attr("checked", 'checked');
$("input[name=emailChk]").attr("disabled",false);


// emailChk 체크되어 있는지 유무 파악
var emailChk = $("input:checkbox[id='emailChk']").is(":checked");




-----------------------------------------------------------------

...

<input name="emailChk" id="emailChk" type="checkbox" />

<input name="publicYn" id="open1" type="radio" value="Y" checked /> 공개
<input name="publicYn" id="open2" type="radio" value="N" /> 비공개

...

-----------------------------------------------------------------







- radio default checked 강제 click trigger

$('input:radio[name=useYn]:input[value=N]').attr("checked", true).trigger("click");




$('#Text').on('keyup keypress', function(e) {

  var code = e.keyCode || e.which;

  if (code == 13) { 

    e.preventDefault();

    return false;

  }

});



<select class="check">

<option value="one">one</option>

<option value="two">two</option>

</select>


$('.check')

    .val('two')

    .trigger('change');

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[jQuery] input radio val checked  (0) 2016.02.04
[Ajax error] onkeyup ajax 에러 일때  (0) 2016.01.28
[우클릭방지] jquery 구문  (0) 2015.09.09
[JSON] for each  (0) 2015.08.27
[Chart] FusionCharts 오픈 소스 API  (0) 2015.08.27

$(document).ready(function() {

$('body').on("contextmenu", function(e){

return false;

});

$('body').on("dragstart", function(e){

return false;

});

$('body').on("selectstart", function(e){

return false;

});

});

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[Ajax error] onkeyup ajax 에러 일때  (0) 2016.01.28
[jQuery] select box 강제 change 시키기  (0) 2016.01.28
[JSON] for each  (0) 2015.08.27
[Chart] FusionCharts 오픈 소스 API  (0) 2015.08.27
[Editor] Tiny  (0) 2014.12.29

※TIP) JSON 객체 형태를 validate 하고 싶으면, Google 에서 JSON Validator 라고 쳐서 아무거나 쓰면 디버깅하기 쉽다


JSON each 문을 돌리는 문법


-- JS

var text = '{ "employees" : [' +

'{ "firstName":"John" , "lastName":"Doe" },' +

'{ "firstName":"Anna" , "lastName":"Smith" },' +

'{ "firstName":"Peter" , "lastName":"Jones" } ]}';


var textObj = JSON.parse(text);


위처럼 해당 JSON을 String 만들어서 JSON.parse 해도 좋고

아래처럼 JSON 자체를 변수에 담아도 좋다.


var obj = {

   "listData": [

                {

                    "dmNum": "",

                    "dmName": "정책",

                    "L1": "100.0",

                    "L2": "86.11",

                    "L3": "0.0",

                    "TOT": "89.79",

                    "TYPE": ""

                },

                {

                    "dmNum": "",

                    "dmName": "조직",

                    "L1": "100.0",

                    "L2": "70.73",

                    "L3": "12.5",

                    "TOT": "70.31",

                    "TYPE": ""

                },

                {

                    "dmNum": "",

                    "dmName": "위수탁 보안관리",

                    "L1": "75.0",

                    "L2": "50.0",

                    "L3": "0.0",

                    "TOT": "52.63",

                    "TYPE": ""

                }

         ]

};


-- HTML

<p id="demo">hi</p> 


<script>

$.each(obj, function(idx, item) {

$.each(item, function(key, value) {

console.log("key : " + key + " TOT : " + item[key].TOT + " dmName : " + item[key].L1);

});

});

</script>


each 문 2개를 사용해서 총 갯수만큼의 각 attr 에 접근이 가능하다.



JSON 혹은 XML 데이터로 jquery chart 형식을 trial 버전으로 공개해주는

사이트가 있어 퍼왔다.


http://www.fusioncharts.com/dev/usage-guide/getting-started/your-first-charts/building-your-first-chart.html


해당주소는 위인데 정말이지 신세계다.

나중에 꼭 chart 쓸일이 있으면 이걸 써보는 것도 좋은 방법인듯 하다 :)

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[우클릭방지] jquery 구문  (0) 2015.09.09
[JSON] for each  (0) 2015.08.27
[Editor] Tiny  (0) 2014.12.29
[validation] 파일업로드 체크  (0) 2014.09.17
[프린트] window.print()  (0) 2014.09.12

<script type="text/javascript" src="<c:url value='/resource/js/tinymce/jscripts/tiny_mce/tiny_mce_src.js'/>"></script>      

<!-- webEditor -->


<script type="text/javascript" src="<c:url value='/resource/js/tinymce/jscripts/tiny_mce/lgekr_editor_init_customer.js'/>"></script>   

<!-- webEditor -->



<textarea title="" id="ippeditor" class="editor_holder">${faq.ippeditor}</textarea>

'Client Standard > JavaScript & jQuery' 카테고리의 다른 글

[JSON] for each  (0) 2015.08.27
[Chart] FusionCharts 오픈 소스 API  (0) 2015.08.27
[validation] 파일업로드 체크  (0) 2014.09.17
[프린트] window.print()  (0) 2014.09.12
[Js] 모바일, 웹 브라우저 체크  (0) 2014.08.25

+ Recent posts